实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js">
5
</script>
6
<script>
7
x=0;
8
$(document).ready(function(){
9
  $("div").scroll(function(){
10
    $("span").text(x+=1);
11
  });
12
  $("button").click(function(){
13
    $("div").scroll();
14
  });
15
});
16
</script>
17
</head>
18
<body>
19
20
<p>Try the scrollbar in the div</p>
21
<div style="border:1px solid black;width:200px;height:100px;overflow:scroll;">In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since.
22
<br><br>
23
'Whenever you feel like criticizing anyone,' he told me, just remember that all the people in this world haven't had the advantages that you've had.'</div>
24
<p>Scrolled <span>0</span> times.</p>
25
<button>Trigger scroll event for the window</button>
26
27
</body>
28
</html>