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

Question

在Safari和Chrome for Mac等浏览器中，当您尝试在页面开头向上滚动时，您仍然可以向上滚动一点，但有阻力，当您放开时页面会反弹去。

我的页面顶部有一个导航栏。当用户向上滚动超过页面顶部时，导航栏会向下移动页面的其余部分，如this demo video中所示。即使在滚动期间，如何让导航栏保持在页面顶部？

Answer 1

我想你想创建一个＆＃34;粘性标题＆＃34;向下滚动时，它会停留在页面顶部。您可以使用CSS＆＃34; position＆＃34;统治你的导航栏：

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值，然后使用if条件，您可以尝试并可以摆脱该反弹效果。

Answer 3

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