• 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
    	}
    
  • 相关阅读:
    linux常用命令中篇
    htaccess正则规则学习笔记整理
    个性签名
    求函数的单调区间
    函数的奇偶性
    函数的对称性
    函数的周期性
    复合函数
    赋值法
    高中数学中高频变形技巧收录
  • 原文地址:https://www.cnblogs.com/angfl/p/scrollTop_scrollTo.html
Copyright © 2020-2023  润新知