ios 系统10.2.1 中 Vue项目设置scrollTo(0,0)失效问题及解决
scrollTo与scrollTop
滚动到顶部我开始是这样写的
<template>
<div id=‘container‘ ref= ‘container‘>
....
<div class=‘btn‘ @click=‘scrollToTop‘>滚动到顶部</div>
</div>
</template>
<script>
export default{
data(){
return{}
},
methods(){
scrollToTop(){
this.$refs.container.scrollTo(0,0)
}
}
}
</script>
然后10.2.1系统ios控制台一直报错 this.$refs.container.scrollTo is undefined,我自己手机系统是13.6.1 可以正常滚动,我分别打出来发现,10.2.1系统手机没有scrollTo 方法,但是有个scrollTop属性!
果断加判断
if(this.$refs.container.scrollTo){
this.$refs.container.scrollTo(0,0)
}else{
this.$refs.container.scrollTop = 0
}