怎么通过js控制滚动条？

all2005

发布于
2017-03-29

我在

<script>
  document.body.scrollTop = 100;
  //.滚动条位置不变；
</script>


但是我在控制台输入这句话 document.body.scrollTop = 100;滚动条位置会变到100的位置，百思不得其解，为什么？在代码里面怎么控制？

javascript

阅读 12.8k

2 个回答

u3u

✓ 已被采纳

你的 <script> 标签是不是写在 <head> 里了？
先将 <script> 移动到 </body> 前，或注册 onload 事件
必须确保在内容渲染后（数据超过浏览器高度，产生滚动条了）执行

window.addEventListener('load', evt => {
  debugger // 断点中断，此时看页面是否有内容且有滚动条
  window.scrollTo(0, 100) // 并且最好使用 window.scrollTo 方法
  setTimeout(() => window.scrollTo(0, 100), 0) // 还可以延迟一会执行
})

简单点，你在按钮上注册单击事件，在事件中设置滚动条位置肯定没有问题