Question

我正在创建一个网站，并希望导航栏位于屏幕顶部。我可以做得很好，但是当我滚动到顶部时，它会超过标题。如何让它停止在页面顶部之前滚动用户？我看过无数的教程，但似乎都没有。我想我需要JavaScript才能在一定高度上打开酒吧，但不确定如何。当用户向下滚动时，如何重新设置它？

Answer 1

是的，你需要JavaScript来处理这个问题。它并不太复杂，但您基本上需要在window上为scroll事件添加事件处理程序，在处理程序内部，您可以检查{{1}的scrollTop滚动查看了多少。滚动后＃34;足够＆＃34; （通常是标题的高度）然后您可以将标题的位置切换为固定。

你可以在优秀的CSS Tricks上看到关于它的演示，并且有许多教程和插件可以帮助解决这个问题。

Answer 2

是的，正如danwellman所说，你需要js。我在我的网页上使用了一个小代码。

// Highlight the top nav as scrolling occurs
$('body').scrollspy({
    target: '.navbar-fixed-top',
    offset: 51
});

你需要一个像＆＃34; scrolling-nav.js＆＃34;这样的文件。或者你喜欢的任何东西在你的HTML中，不要忘记给它打电话。

// In the end or in the beggining you call your js file
<script src="...(filepath)/scrolling-nav.js"></script>

您可以找到更多很酷的片段。这实际上是为了在＆＃39; 51＆＃39;的偏移之后保持导航栏固定。您也可以在选择菜单按钮后将平滑后的动作添加到网页部分。例如，如果您有一个网页网站。这也是js。

祝你好运。：）