gpt4 book ai didi

html - 向上滚动超过页面顶部时,如何将导航栏保持在顶部?

转载 作者:行者123 更新时间:2023-11-28 05:40:23 24 4
gpt4 key购买 nike

在 Safari 和 Chrome for Mac 等浏览器中,当你在页面的开头尝试向上滚动时,你仍然可以向上滚动一点,但是有阻力,当你让页面弹回时去吧。

我的页面顶部有一个导航栏。当用户向上滚动超过页面顶部时,导航栏会随着页面的其余部分向下移动,如 this demo video 中所示。 .即使在滚动过程中,如何使导航栏保持在页面顶部?

最佳答案

我猜您想创建一个“粘性页眉”,当您向下滚动时它会停留在页面顶部。您可以通过在导航栏上使用 CSS“位置”规则来做到这一点:

position: fixed;
top: 0;

注意:这可能是 this question 的副本.

关于html - 向上滚动超过页面顶部时,如何将导航栏保持在顶部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37916122/

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