产品加了个需求,页面锚点跳到对应的位置:
要是jquery写的 id="hh", <a href="#hh"></a>就完事了;但这个是vue写的
document.querySelector('.page').scrollTop = 500
不滚动,
this.$nextTick(() => {
document.querySelector('.page').scrollTop = 500
});
还是不滚动。感觉阴沟里翻船了!
解决办法,首先要看滚动是在那个元素上发生的
右击元素,选择存储为全局变量
控制台就会出现如下
temp2.scrollTop = 0 ,无论页面怎么滚动,值都为0,说明滚动不在这个元素上发生,所以 document.querySelector('.page').scrollTop = 500不生效
后面找了好几个都,都是零
document.body.scrollTop也不行
高光时刻来了
document.documentElement.scrollTop 的值终于不为零了
document.documentElement.scrollTop = 目标offsetTop 搞定