|
|
@@ -0,0 +1,108 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <button id="btn">123</button>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+ <div>hahahhahh</div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <button id="btn1">停止</button>
|
|
|
+ <script>
|
|
|
+ var btn = document.getElementById('btn')
|
|
|
+ var btn1 = document.getElementById('btn1')
|
|
|
+ // btn.onclick = function () {
|
|
|
+ // // scrollTo(0,100) 是定位到某个位置
|
|
|
+ // // scrollBy(0,-100) 是从当前位置 串到某个位置
|
|
|
+ // // setTimeout(() => {
|
|
|
+ // // console.log(123)
|
|
|
+ // // }, 1000);
|
|
|
+ // var a = setInterval(function () {
|
|
|
+ // console.log(123)
|
|
|
+ // }, 1000)
|
|
|
+ // btn1.onclick = function () {
|
|
|
+ // clearInterval(a)
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ btn.onclick = function(){
|
|
|
+ var time1 = setInterval(function() {
|
|
|
+ var max = document.documentElement.scrollTop || document.body.scrollTop;//滚动条滚动的距离
|
|
|
+ console.log(max)
|
|
|
+ if(max < 483.20001220703125){
|
|
|
+ scrollBy(0,10)
|
|
|
+ } else {
|
|
|
+ clearInterval(time1)
|
|
|
+ }
|
|
|
+ //483.20001220703125
|
|
|
+ },100);
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
zsydgithub