jquery 2.2：navbar固定在滚动上，不能与vh-unit一起使用

Question

我只在我的主题中找到了这个，但它对我没有帮助：How to implement scroll to fixed effect?

我正在尝试实现一个导航栏，当用户滚动到标题部分时，该导航栏会粘到顶部，如下所示： https://teamtreehouse.com/community/forum-tip-create-a-sticky-navigation-with-css-and-jquery-2

然而，由于我在这个项目中使用vh和vw单元，我在使jQuery工作时遇到了问题。如果我使用像

这样的px，它工作正常

Bool

但是

...
if ($(this).scrollTop() > 400 )
...

它不起作用。

请参阅下面的代码。并提前感谢您的回答！

...
if ($(this).scrollTop() > $("#slider_part").height
...

Answer 1

检查控制台中的错误，因为()方法遗漏了.height()：

if ($(this).scrollTop() > $("#slider_part").height() ) {

使用.toggleClass()方法的另一个建议：

$(window).scroll(function(){
    mn.toggleClass('main-nav-scrolled', $(this).scrollTop() > $("#slider_part").height());
});

在上面的示例中，类将在条件为真时添加，在false时删除。