怎么通过js控制滚动条?

<script>

  document.body.scrollTop = 100;

  //.滚动条位置不变;

</script>



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


天涯尽头无女友
浏览 1322回答 1
1回答

宝慕林4294392

你的&nbsp;<script>&nbsp;标签是不是写在&nbsp;<head>&nbsp;里了?先将&nbsp;<script>&nbsp;移动到&nbsp;</body>&nbsp;前,或注册&nbsp;onload&nbsp;事件必须确保在内容渲染后(数据超过浏览器高度,产生滚动条了)执行window.addEventListener('load', evt => {&nbsp; debugger // 断点中断,此时看页面是否有内容且有滚动条&nbsp; window.scrollTo(0, 100) // 并且最好使用 window.scrollTo 方法&nbsp; setTimeout(() => window.scrollTo(0, 100), 0) // 还可以延迟一会执行})简单点,你在按钮上注册单击事件,在事件中设置滚动条位置肯定没有问题
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript