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
}