javascript - 有没有办法在用户滚动时只显示一个 div？

Question

我正在努力使 div 仅在用户滚动时显示。当他们停止滚动时，div 会淡出。

我用谷歌搜索了各种术语，但也许我的术语不正确，因为返回的结果是关于在特定高度显示 div。

有什么建议吗？

Answer 1

看看jQuery's .scroll event handler :

var myTimeout = -1;                    // Var to store a timeout reference in
$(window).scroll(function() {          // When the user scrolls the window
    $('#myDiv').show();                // Show the div (Any element)
    if(myTimeout !== -1){              // If a timeout is running
        clearTimeout(myTimeout);       // Clear that timeout
    }
    myTimeout = setTimeout(function(){ // Set a timeout to hide the div
        $('#myDiv').hide();            // Function that hides the div
    }, 1000);                          // Run the function after 1 sec (1000 ms)
});

这段代码在用户开始滚动时显示 div，然后在用户停止滚动 1 秒后隐藏它。