滚动页面顶部时，如何将导航栏保持在顶部？

Question

在Safari等浏览器和Mac版Chrome浏览器中，当您尝试在页面开始时向上滚动时，仍然可以向上滚动一点点，但遇到阻力，并且页面在放开时反弹回来。

我有一个导航栏穿过我的页面顶部。当用户向上滚动页面顶部时，导航栏会随着页面的其余部分向下移动，如this demo video。即使在滚动期间，如何让导航栏停留在页面的顶部？

Answer 1

我想你想创建一个“粘滞标题”，当你向下滚动时停留在页面顶部。你可以通过使用CSS的“位置”统治你的导航栏：

position: fixed; 
top: 0; 

注：也许这是this question重复。

Answer 2

试试这个解决方案，我只是根据你的gif猜测。

1. html,body{overflow:hidden} （或）
2. #nav{position:fixed;top:0; or margin-top : 0;} （或）
3. $("#navbar").css("marginTop",'0')

在第三个例子，你可以尝试使用变量保存你的CSS值，然后通过使用，如果条件可以尝试并可能摆脱这种反弹效应。

Answer 3

我认为唯一的办法就是禁用反弹效果。跳出效果正在处理HTML标签本身，因此不会有绝对或固定的定位。 尝试将隐藏属性应用于溢出的HTML标记，如下所示： html {overflow: hidden}