有没有办法只在用户滚动时显示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秒。

Answer 2

通过jQuery Mobile

$(document).on("scrollstop",function(){
  alert("Stopped scrolling!");
});


 $(document).on("scrollstart",function(){
  alert("Started scrolling!");
});