解决scrollTop一直为0的bug

 

问题:document.documentElement.scrollTop或者document.body.scrollTop一直为0

原因:浏览器的兼容问题

解决:document.documentElement.scrollTop = document.body.scrollTop= window.pageYOffset=100

即可设置scrollTop为100

方法二:也可以使用scrollTo方法,有滚动效果

兼容性写法:

document.documentElement.scrollTo({ top: 100, behavior: 'smooth' })

document.body.scrollTo({ top: 100, behavior: 'smooth' })

window.scrollTo({ top: 100, behavior: 'smooth' })
posted @ 2021-09-29 09:58  chicidol  阅读(556)  评论(0)    收藏  举报