滚动点后更改为固定导航，但第一个div使用的是高度:100vh

Question

我有一个单页滚动器（类似的东西，但比这个简单一点：http://chriswojcik.net/demos/single-page-nav/)分为。当前导航固定在顶部。

我正在努力…

• 把导航放在第二节的顶部
• 当页面顶部碰到导航时，将导航更改为固定

我的问题是，我的第一部分是使用高度：100vh。

我通常只会使用JQuery将其更改为固定在某个像素位置，但VH让我很反感

有什么帮助吗？

Answer 1

我遇到了完全相同的问题。我使用了这个脚本，并对它进行了一些修改。

$(window).scroll(function(){
    $(".topnav").css("top", Math.max(0, $(window).height() - $(this).scrollTop()));
});

我修改了fiddle，它只在jQuery 1.11+