网页布局之粘性布局

 position: -webkit-sticky;

    position: sticky;

    top: 0;

只需要在CSS中加入这三个样式

可以达到的效果是:让控件在滚动中可以悬浮于顶部,但是往下拉的时候又可以随着滚动下来。。




对的,就是像这样,滑到顶部后,就悬浮住了,但是往下拉又可以拉回来的效果,需要的人可以参考下,不要用监听滚动事件来改变css,这样的效果很差,会闪。。。。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,692评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,050评论 25 709
  • 一个人能找到自己的位置是不是一件很难的事情呢 意识到自己能力有限,是否也并非易事?小时候几乎所有人都有过觉着自己有...
    singingLI阅读 1,423评论 0 0
  • 具体的钩子函数 1、beforeCrete: 此时,$el和data都为undefined,没有初始化2、crea...
    图书馆的神奇海螺阅读 3,821评论 0 2
  • 作为一个到现在还没放弃音乐爱好的我, 那么音乐爱好里肯定少不了一种音乐--武侠音乐。 今天我就开个引子,说说我心中...
    zaimusic阅读 4,196评论 0 0

友情链接更多精彩内容