Javascript 检测滚动意图
我曾经看到一篇关于以下问题的脚本或文章： 想象一下，一个页面是可滚动的，其中有多个元素也是可滚动的。向下滚动页面时，光标将碰到可滚动的元素，这些元素将获得焦点。导致必须从该元素中删除光标，或者在再次滚动整个页面之前向下滚动该元素 我看到的演示通过在光标移动或某种滚动中断后只关注可滚动元素，解决了这个问题。因此，当您向下滚动页面时，可以不间断地滚动（浮动在可滚动元素上）Javascript 检测滚动意图,javascript,jquery,Javascript,Jquery,我曾经看到一篇关于以下问题的脚本或文章： 想象一下，一个页面是可滚动的，其中有多个元素也是可滚动的。向下滚动页面时，光标将碰到可滚动的元素，这些元素将获得焦点。导致必须从该元素中删除光标，或者在再次滚动整个页面之前向下滚动该元素 我看到的演示通过在光标移动或某种滚动中断后只关注可滚动元素，解决了这个问题。因此，当您向下滚动页面时，可以不间断地滚动（浮动在可滚动元素上） 有人知道我在说什么脚本吗？如果我明白了，请告诉我：如果要检测滚动事件，则必须使用jquery页面 试试这个例子： <!DO
有人知道我在说什么脚本吗？如果我明白了，请告诉我：如果要检测滚动事件，则必须使用jquery页面 试试这个例子：
<!DOCTYPE html>
<html>
<head>
<style>
div { color:blue; }
p { color:green; }
span { color:red; display:none; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div>Try scrolling the iframe.</div>
<p>Paragraph - <span>Scroll happened!</span></p>
<script>
$("p").clone().appendTo(document.body);
$("p").clone().appendTo(document.body);
$("p").clone().appendTo(document.body);
$(window).scroll(function () {
$("span").css("display", "inline").fadeOut("slow");
});
</script>
</body>
</html>
div{颜色：蓝色；}
p{颜色：绿色；}
span{颜色：红色；显示：无；}
尝试滚动iframe。
段落-滚动发生了
$（“p”）.clone（）.appendTo（document.body）；
$（“p”）.clone（）.appendTo（document.body）；
$（“p”）.clone（）.appendTo（document.body）；
$（窗口）。滚动（函数（）{
$（“span”）.css（“显示”、“内联”）.fadeOut（“慢”）；
});
请看这里的演示：（最小化右下角块的高度）很抱歉，我现在不知道您所指的原始文章，但这里有一个想法，我将如何使它工作 一旦用户开始滚动。（例如$（window）.scroll（function（）{…}）fromjquery），我会放置一个空div，从上到下覆盖整个页面。该元素将位于所有其他可能的可滚动div之上，防止它们每次捕获滚动事件。必须在几毫秒的超时时间内删除It元素
$(window).scroll(function(){
var $cover = $('<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: '+ $(document).height() + 'px; z-index: 100000">asdasd</div>')
$cover.appendTo($("body"));
setTimeout(function(){
$cover.remove();
},200);
});
$（窗口）。滚动（函数（）{
变量$cover=$（'asdasd'）
$cover.appendTo（$（“body”）；
setTimeout（函数（）{
$cover.remove（）；
},200);
});