javascript - 在运行状态下停止 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);
}