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
	}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM