我有一些非常简单的CSS代码,可以使特定的div容器“粘性”,当用户向下滚动时,该div元素像预期的那样锁定在屏幕顶部。
我正在尝试弄清楚如何使所讨论的粘性元素在用户向下滚动并且这个元素的“粘性”变得明显时立即改变外观?也许当它到达父容器的顶部时,也许只是当用户滚过某个点时 - 可能有几种编码方式,但我似乎找不到任何方法。
具体而言,我想做的是 - 当他们开始滚动并且粘性元素跟随时添加1px的底部边框。在此之前,边框是不可见/不存在的。
还要注意,我读到边框会导致粘性元素出现奇怪的问题,并且阴影是解决此问题的方法,因此我当前正在为“边框”执行此操作:
我正在尝试弄清楚如何使所讨论的粘性元素在用户向下滚动并且这个元素的“粘性”变得明显时立即改变外观?也许当它到达父容器的顶部时,也许只是当用户滚过某个点时 - 可能有几种编码方式,但我似乎找不到任何方法。
具体而言,我想做的是 - 当他们开始滚动并且粘性元素跟随时添加1px的底部边框。在此之前,边框是不可见/不存在的。
还要注意,我读到边框会导致粘性元素出现奇怪的问题,并且阴影是解决此问题的方法,因此我当前正在为“边框”执行此操作:
box-shadow: inset 0 0px 0 #000000, inset 0 -1px 0 #000000;
谢谢!