scrollTop怎么用??????????

请教各给前辈,跪谢

<!DOCTYPE html>
<html>
<head>
  <title>title</title>
  <style>
    div {
      overflow-y: auto;
      height: 100px;
      width: 400px;
      border: 1px dotted red;
    }
    li {
      list-style: none;
      width: 200px;
      height: 100px;
      border: 1px solid black;
    }
  </style>
</head>
<body>
<div id="box">
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
</div>
<script type="text/javascript">
  var oBox = document.getElementById("box")
  oBox.onmousewheel=function(e){
    console.log(oBox.children[0].scrollTop)
  }
</script>
</body>
</html>

我在oBox上加mousewheel事件,取出来的scrollTop一直都为0 这是为啥呢

阅读 2.9k
3 个回答

你设置的是#box出现滚动条但为什么获取要ulscrollTop
直接oBox.scrollTop就行了

没记错的话mousewheel是鼠标滚轮事件
试试

 var oBox = document.getElementById("box") 
 
  document.body.onscroll=function(e){
    console.log(oBox.children[0].scrollTop)
  }

console.log(oBox.scrollTop),scrollTop是滚动条的垂直偏移,只有oBox有滚动条

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题