lovecoding
/
VIP22


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
							<!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">往下走</button>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <div>hahahahhahha</div>
  <button id="btn2">往上走</button>
  <script>
    // document.write('bom')
    // window.prompt('请输入',18)

    var btn = document.getElementById('btn')
    var btn2 = document.getElementById('btn2')
    btn.onclick = function(){
      // scrollTo(0,100)//scrollTo(x,y)  窗体高度为y个像素的位置
      // scrollBy(0,-100) //相对于当前位置
      var a = setInterval(function(){
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop //滚动条滚动的距离
        console.log(scrollTop)  
        if(scrollTop < 482.3999938964844){
          scrollBy(0,30)
        } else{
          clearInterval(a)
        }
      },100)
    }
    btn2.onclick = function(){
      var b = setInterval(function(){
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
        console.log(scrollTop)
        if(scrollTop > 0){
          scrollBy(0,-30)
        } else {
          clearInterval(b)
          console.log('我到头了')
        }
      },100)
    }
  </script>
</body>
</html>