gpt4 book ai didi

css:触摸顶部时固定的 float 导航栏

转载 作者:太空宇宙 更新时间:2023-11-04 04:26:29 25 4
gpt4 key购买 nike

我正在寻找实现这一目标的方法:

正常情况下放置在页面中的导航栏,当它在我滚动时触及顶部时,它会固定在那里。

你可以换一种方式理解它:它就像一个固定的导航栏,一开始并没有放在顶部。

类似于this question这个人在使用 js,但我想要一个更简单的解决方案。

我正在使用 Bootstrap ,是否可以使用纯 css 来执行此操作?

最佳答案

如果您使用 Bootstrap ,为什么不只使用 "Affix"内置组件?

不过,为了更正确地回答您的问题,不,没有办法单独使用 CSS 来完成此操作。原因是 CSS 无法监控滚动位置。使用 javascript 就像添加一个监听器以滚动窗口位置一样简单,并在达到“x”像素时切换具有固定位置的类。

关于css:触摸顶部时固定的 float 导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18173715/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com