jQuery Toggle不會通過滾動停止切換

Question

你好，我有一個小問題，jQuery的toggeling。

當我滾動到div切換時，不想停下來玩一會兒。

我並不是沒有辦法只觸發一次div入口的切換並將其重新設置到div出口（從頂部開始）。

有我的代碼

$(document).ready(function(){

  $(".fa-home-mini").css("display", "none");

    $('.fa-home-mini').click(function () {

            if($('.navi').is(':visible')){

            $('.navi').toggle('slide', {
                direction: 'left'
            }, 1000);

        }
           else{          
                $('.navi').toggle('slide', {
                    direction: 'left'
                }, 1000);           
            }       
});

$(window).scroll( function() {
    var value = $(this).scrollTop();
    if ( value > 480 ){
        $(".fa-home-mini").css("display", "block");
        $('.fa-home-mini').trigger('click');

        }

    else
    {
        $(".fa-home-mini").css("display", "none");
        $(".navi").css("display", "block");


    }

});

}）;

Answer 1

您可以在if塊內使用off方法，如下所示：

if ( value > 480 ){
    $(".fa-home-mini").css("display", "block");
    $('.fa-home-mini').trigger('click');
    $(window).off('scroll')
}

另一種方法是：

var flag = false;
$(window).scroll( function() {
    var value = $(this).scrollTop();
    if ( value > 480 ){
        if(!flag) {
          $(".fa-home-mini").css("display", "block");
          $('.fa-home-mini').trigger('click');
          flag = true;
      }
    }
    else
    {
        $(".fa-home-mini").css("display", "none");
        $(".navi").css("display", "block");
    }
});