Question

我的代码会检查滚动是>=到100。如果为true，则显示我的粘性导航。如果没有，它应该隐藏粘性导航。现在，真正的部分有效。但是当我添加false参数时，当我滚动时，整个粘性导航一般会消失。

代码

$(function(){
    var hasBeenTrigged = false;
    $(window).scroll(function() {
        if ($(this).scrollTop() >= 100 && !hasBeenTrigged) { // if scroll is greater/equal then 100 and hasBeenTrigged is set to false.
            $("#sticky_nav").show();
            hasBeenTrigged = true;
        } else {
          $("#sticky_nav").hide();
        }



    });
});

Answer 1

检查$(this).scrollTop() >= 100语句

的真实部分中的变量hasBeenTrigged

$(function(){
    var hasBeenTrigged = false;
    $(window).scroll(function() {
        if ($(this).scrollTop() >= 100) { // if scroll is greater/equal then 100 and hasBeenTrigged is set to false.
           if(!hasBeenTrigged){
              $("#sticky_nav").show();
              hasBeenTrigged = true;
           }
        } else {
          // this only if you want to show again, on the next scroll down
          hasBeenTrigged = false;
          $("#sticky_nav").hide();
        }



    });
});

Answer 2

您应该只检查scrollTop，以便从if条件

中删除hasBeenTrigged

if (isSafari) {
   $('.buttonClassName').click(function() {
    // do something
});
}

https://jsfiddle.net/69Lxw8zt/

为什么我的卷轴没有工作？

2 个答案: