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 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦