在进行安卓机测试的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/…]
完美,收工~