javascript - 进行粘性导航

嗨，我正在使用以下jquery和css将导航菜单粘贴到滚动顶部。问题是我的导航菜单位于100vh div以下。
jQuery将不接受vh作为高度度量。关于如何使其成为vh有什么建议吗？

$(function(){
        $(window).scroll(function() {
            if ($(this).scrollTop() >= 290) {
                $('nav.stickynav').addClass('stickytop');
            }
            else {
                $('nav.stickynav').removeClass('stickytop');
            }
        });
    });

.stickynav.stickytop {
        position:fixed;
        top:0
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<header class="group">
    	<img src="<?php echo get_bloginfo('template_directory');?>/img/es.png">
    	<nav class="stickynav"><?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?></nav>
    </header>

最佳答案

CSS最近介绍的位置：粘性；我认为这对您的网站会有所帮助，因为您无需使用任何JavaScript即可正常工作。但是由于它是新版本，因此无法在所有浏览器上使用，也无法在未更新的浏览器上使用（许多人使用旧版浏览器）