博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Web第六周作业:position.fixed vs sticky
阅读量:5301 次
发布时间:2019-06-14

本文共 467 字,大约阅读时间需要 1 分钟。

Position.fixed vs sticky

fixed(固定定位)

元素相对于浏览器窗口是固定的,即使是窗口滚动,元素也是固定的

sticky(粘性定位

基于用户滚定动来进行定位的,相当于relative定位 fixed定位的结合体

当未超过阈值的时候,他的行为就像relative,当超过特定阈值是他的行为就像fixed。

阈值是left,right,top,bottom(必须制定其一,才能使粘性定位生效,否则其行为与relative相同)

当组件设置了该属性值后,当页面滑动时,组件会跟着页面移动,当组件触及到窗体后,页面若继续滑动,组件则处在与窗体接触的位置不动。元素的定位是根据文档的正常流动,然后相对于其抵消最近的滚动祖先和包含块(最近的块级的祖先),包括table-related元素,基于的值toprightbottom,left。 偏移量并不影响其他元素的位置。这个值总是创建一个新的叠加背景。

转载于:https://www.cnblogs.com/Styleshah/p/9813705.html

你可能感兴趣的文章
C语言作业3
查看>>
C#使用Xamarin开发可移植移动应用(2.Xamarin.Forms布局,本篇很长,注意)附源码
查看>>
koogra--Excel文件读取利器
查看>>
jenkins搭建
查看>>
C#中使用Split分隔字符串的技巧
查看>>
eclipse的调试方法的简单介绍
查看>>
OneAPM 云监控部署与试用体验
查看>>
加固linux
查看>>
wget 升级
查看>>
为什么需要大数据安全分析?
查看>>
day13.字典复习
查看>>
IPSP问题
查看>>
(转)Java中的String为什么是不可变的? -- String源码分析
查看>>
HNU 10362 A+B for Input-Output Practice (II)
查看>>
iOS——UIButton响应传参数
查看>>
【转帖】关于'eh vector constructor/destructor iterator'的讨论及类的内存分布模型
查看>>
十. 图形界面(GUI)设计9.列表和组合框
查看>>
10.17动手动脑
查看>>
操作系统实验一:并发程序设计
查看>>
互联网协议入门(一)
查看>>