我有一个“粘性”导航栏,位于CSS网格容器内。 对其进行设置,使其一到达视口便会粘在视口顶部。 很好。
但是,css网格容器仍然是导航栏的父级,当“粘性”出现时也是如此。当我们进一步滚动时,该容器(正在从视口中滚动出)随它一起带走导航栏。
我猜这就是position:sticky
的定义?
也许当使用js到达位置时,我应该将元素更改为position:fixed
吗?如果没有JS,这样做会很好。但是再说一次,我必须更改一些其他属性,例如背景色等。
PS:我希望没有我提供的例子。更多关于这个概念。