返回
点击预览
格式化代码
<!DOCTYPE html> <html> <head> <style> div.sticky { position: -webkit-sticky; position: sticky; top: 0; padding: 5px; background-color: #cae8ca; border: 2px solid #4CAF50; } </style> </head> <body> <p>试着<b>滚动</b>来理解sticky定位的工作原理.</p> <p>注意:IE/Edge 15和更早版本不支持sticky定位.</p> <div class="sticky">我是sticky!</div> <div style="padding-bottom:2000px"> <p>在这个示例里,当到达其滚动位置时，粘性元素会粘到页面顶部(top：0).</p> <p>向下滚动以消除粘性.</p> <p>这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...</p> <p>这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...这是内容...</p> </div> </body> </html>
评论区
发表
{{item['qq_nickname']}}
(
)
回复
回复
发表
21技术
www.21xrx.com
备案号：
蜀ICP备17043188号-2
评论区