请问老师一个问题
来源:2-15 position-sticky(了解即可)
粉墨登场
2020-07-16 16:35:29
sticky和absolute的参照物是一样的吗? 就是说sticky以设置了relative属性的最近的父元素为参照物,如果没有一个父元素设置relative,那就以浏览器的可视窗口为参照物
1回答
好帮手慕慕子
2020-07-16
同学你好,理解有误。sticky和absolute参照是不一样的。 position: sticky; 属性是基于用户的滚动位置进行定位的。具体可以参考如下解析:
元素设置了sticky之后,默认与position:relative;属性的表现一样,参考自身本来的位置定位。
当页面滚动超出目标区域时,就是与position:fixed;属性的表现一样,参考窗口,固定在目标位置。
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题