为了账号安全,请及时绑定邮箱和手机立即绑定

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 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 1
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消