Question

我真的希望以前没有问过这个问题。

首先，我希望我的导航栏显示在特定数量的像素之后，我发现：

<script type="text/javascript">   (function($) {
    $(document).ready(function(){

        $(window).scroll(function(){
            if ($(this).scrollTop() > 725) {
                $('#nav-principale').fadeIn(500);
            } else {
                $('#nav-principale').fadeOut(500);
            }
        });

    }); })(jQuery);   </script>

它有效。现在，我正在寻找一种方法来使我的导航栏（固定在屏幕顶部）在特定像素数之后消失（如果可能的话）。

这可能很简单，但我对Javascript / jquery一无所知。

感谢您的帮助， Zhyrmar

Answer 1

试试这个jQuery：

<script type="text/javascript">
$(document).ready(function() {
    $(window).scroll(function(){
        if (($(this).scrollTop() > 725) && ($(this).scrollTop() < 1025)) {
            $('#nav-principale').fadeIn(500);
        } else { 
            $('#nav-principale').fadeOut(500);
        }
    });
});
</script>

只要在725像素和1025像素之间滚动，它就会淡入，否则会淡出。

另请注意，您不需要(function($) {和$(document).ready(function(){。它都在等待文档加载。

使导航栏消失

1 个答案: