安卓对window.scrollTo()无反应

4,210 阅读1分钟

在进行安卓机测试的h5页面,突然又出现了这样一个小问题,具体问题是:首先我们先把A页面滑到中间,点击进到B页面,猛地发现,B页面也是在页面的中间位置。很慌,我也没做啥呀,桑心~。

立刻想到用window.scrollTo(),千算万算,安卓对他不感冒。 只能找别的方式了,还好让我找到了解决办法:

    this.$nextTick(() => {
      this.$refs.bContent.scrollIntoView(); //这个bContent是b页面的最外边的ref拉~
    })

注:scrollIntoView是一个很神奇的方法,他可以让当前的元素滚动到浏览器窗口的可视区域内。

Element.scrollIntoView(true)   //元素的顶端将和其所在滚动区的可视区域的顶端对齐
Element.scrollIntoView(false)  //元素的底端将和其所在滚动区的可视区域的底端对齐

scrollIntoView更多用法,请点击:[developer.mozilla.org/zh-CN/docs/…]

完美,收工~