2019-08-01

sticky 粘性布局 一种relative 和 fixed的结合体 可以让容器固定在设置的高度。

元素固定的相对偏移是相对于离它最近的具有滚动框的祖先元素，即他的父级如果高度不够没有滚动框，该容器就会默认为相对body，即窗口进行定位。

sticky定位的盒子的父级不能有overflow：hidden  （或者给元素添加了高度）

以下为手机端的操作，评论在内容下方，当窗口向上拖动时，评论会在之后弹出并固定。


©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1赞 92
  • CSS基础
    CSS 是什么 css(Cascading Style Sheets)，层叠样式表，选择器{属性:值；属性：值}h...
    崔敏嫣阅读 1,512评论 0赞 5
  • 2018-07-17
    （2018.07.17）【日精进打卡第好46天】 一、读经人员:子湘妈读，子湘听。 二、读经内容：《易经》（上）2...
    梁杏丽阅读 73评论 0赞 0
  • 阳台上的月季开花了
    阳台上的月季开花了。我真没想到，前几日我还打算把它拔掉重新栽别的呢！这几日没去关注它，他竟然这么争气地开了花。白色...
    小主正红阅读 254评论 1赞 1
  • 开发工具spring tool suite
    如果你是一个喜欢用spring的人，你可能会在欣赏spring的强大功能外，对其各样的配置比较郁闷，尤其是相差较大...
    激扬文字阅读 48,181评论 0赞 3