vue scrollTop失效的问题

8次阅读

共计 315 个字符,预计需要花费 1 分钟才能阅读完成。

首先:vue 中如果直接设置
docuemnt.docuemntElement.scrolTop = 100;
在手机上是行不通的。需要明确一下几点:
页面指定了 DOCTYPE 时,使用 document.documentElement。
页面没指定 DOCTYPE 时,使用 document.body。

其次:使用 this.$nextTick
this.$nextTick(() => {
document.body.scrollTop = 0;
});
或者:
changeScrollTop() {
this.$nextTick((length) => {
document.documentElement.scrollTop += length
})
这样即可设置 scrollTop

正文完
 0