扫码关注官方订阅号
我在
但是我在控制台输入这句话 document.body.scrollTop = 100;滚动条位置会变到100的位置,百思不得其解,为什么?在代码里面怎么控制?
你的 <script> 标签是不是写在 <head> 里了?先将 <script> 移动到 </body> 前,或注册 onload 事件必须确保在内容渲染后(数据超过浏览器高度,产生滚动条了)执行
<script>
<head>
</body>
onload
window.addEventListener('load', evt => { debugger // 断点中断,此时看页面是否有内容且有滚动条 window.scrollTo(0, 100) // 并且最好使用 window.scrollTo 方法 setTimeout(() => window.scrollTo(0, 100), 0) // 还可以延迟一会执行 })
简单点,你在按钮上注册单击事件,在事件中设置滚动条位置肯定没有问题
页面渲染时从上往下的你的这段js估计是放到页面开头去了,执行的时候页面还没渲染出来,所以body还没有滚动条。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
你的
<script>标签是不是写在<head>里了?先将
<script>移动到</body>前,或注册onload事件必须确保在内容渲染后(数据超过浏览器高度,产生滚动条了)执行
简单点,你在按钮上注册单击事件,在事件中设置滚动条位置肯定没有问题
页面渲染时从上往下的
你的这段js估计是放到页面开头去了,执行的时候页面还没渲染出来,所以body还没有滚动条。