jquery 如何判斷鼠標向上向下移動

時間 2020-10-01

標籤 jquery 如何判斷鼠標向上向下移動欄目 JQuery 简体版

原文原文鏈接

解決思路
javascript

當用戶滾動指定的元素時，會發生 scroll 事件。html

scroll 事件適用於全部可滾動的元素和 window 對象（瀏覽器窗口）。java

scroll() 方法觸發 scroll 事件，或規定當發生 scroll 事件時運行的函數。瀏覽器

觸發 scroll 事件

語法

$(selector).scroll()

<html>
<head>
<script type="text/javascript" src="j.js"></script>
<script type="text/javascript">
x=0;
$(document).ready(function(){
var initTop = 0;
$(window).scroll(function(){
 var scrollTop = $(document).scrollTop();
 if(scrollTop > initTop){
  alert("下"); 
 } else {
  alert("上"); 
 }
 initTop = scrollTop;
});
  //});
});
</script>
</head>
<body>
<p>請試着滾動 DIV 中的文本：</p>
<div style="width:200px;height:1000px;overflow:scroll;">text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. 
<br /><br />
text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text.</div>
<p>滾動了 <span>0</span> 次。</p>
</body>

</html>ide

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。