停止jquery函数的运行状态

Question

我正在尝试这样的事情

Demo JSFIDDEL

此代码的问题是当我向上移动滚动条时它会滚动多次..

$(document).scroll(function () {
    var y = $(this).scrollTop();
    if (y > 50) {
        $('.mydiv2').show(1000);
    } else {
        $('.mydiv2').hide(1000);
    }
});

Answer 1

Demo

检查链接。您正在隐藏div并使用滚动事件再次显示它。您需要在隐藏和显示中添加stop(true)

if (y > 50) {
    $('.mydiv2').stop(true).show(1000);
} else {
    $('.mydiv2').stop(true).hide(1000);
}

Answer 2

 var y = $(this).scrollTop();

以上语句会进行多次滚动，因为您使用代码

向上滚动窗口