gpt4 book ai didi

javascript - 检测滚动意图

转载 作者:行者123 更新时间:2023-11-28 09:41:10 30 4
gpt4 key购买 nike

我曾经遇到过关于以下问题的脚本或文章:

想象一个可滚动的页面,其中有多个可滚动的元素。向下滚动页面时,光标将遇到可滚动的元素,并且它们将获得焦点。导致必须将光标从该元素上移开,或者向下滚动该元素,然后才能再次滚动整个页面。

我看到的演示通过仅关注光标移动或某种滚动中断后的可滚动元素来解决该问题。因此,当您向下滚动页面时,您可以继续滚动( float 在可滚动元素上)而不会中断。

有人知道我在说什么脚本吗?

最佳答案

如果我明白了,否则请告诉我:如果你想检测滚动事件,那么你必须使用 scroll()来自 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>

请参阅此处的演示:http://jsfiddle.net/4M7XK/ (最小化右下 block 的高度)

关于javascript - 检测滚动意图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12352530/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com