jQuery滾動的示例

更新時間：2022-03-15 09:44:34 來源：動力節點瀏覽1190次

scroll() 是 jQuery 中的一個內置方法，用于用戶在指定元素中滾動。此方法適用于所有可滾動元素和瀏覽器窗口。

句法：

$(選擇器).scroll(函數)

參數：此方法接受可選的單參數函數。用于指定觸發滾動事件時要運行的函數。

返回值：當指定元素發生滾動時，它綁定一個事件。

下面的程序說明了 jQuery 中的 scroll() 方法：

例子：

<!DOCTYPE html>
<html>
	<head>
		<title>scroll method</title>
		<script src=
		"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
		</script>		
		<!-- jQuery code to show the working of this method -->
		<script>
			$(document).ready(function() {
				$("div").scroll(function() {
					alert("scroll happened");
				});
			});
		</script>
		<style>
			div {
				border: 1px solid black;
				width: 500px;
				height: 100px;
				overflow: scroll;
			}
		</style>
	</head>
	<body>	
		<!-- scroll inside this div box -->
		<div>Welcome to GeeksforGeeks!
			Welcome to GeeksforGeeks!
			Welcome to GeeksforGeeks!
			Welcome to GeeksforGeeks!
			Welcome to GeeksforGeeks!
			Welcome to GeeksforGeeks!
			Welcome to GeeksforGeeks!
			Welcome to GeeksforGeeks!
			Welcome to GeeksforGeeks!
			Welcome to GeeksforGeeks!
			Welcome to GeeksforGeeks!
			Welcome to GeeksforGeeks!.
			Welcome to GeeksforGeeks!
		</div>
	</body>
</html>

輸出：

在 div 框內滾動后。

jQuery滾動的示例