ios 系統10.2.1 中 Vue項目設置scrollTo(0,0)失效問題及解決
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
}
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦