weex dom.scrollToElement 滚动问题

文章讲述了在使用Weex开发时,遇到的关于动态生成ref的元素滚动到视图底部的兼容性问题,特别是在iOS和Android上,需要100ms延迟并正确引用ref才能使滚动生效,而在H5环境中则无需特殊处理。
摘要由CSDN通过智能技术生成

使用weex的dom.scrollToElement兼容问题

1、使用for生成的ref。在初始化获取ref节点时候需要100ms延迟。

2、dom.scrollToElement传入的ref参数,需要使用this.$refs[ref][0]或this.$refs.ref[0]方式取值,不然出现iOS、安卓不生效,h5生效。

<cell v-for="(item,index) in gifts" :key="index" :ref="'item'+index"></cell>
const dom = weex.requireModule('dom')


created() {
			setInterval(() => {
				this.gifts.push({
					username: '张三',
				})
				this.toBottom()
			}, 1000)
		},
methods: {
			// 礼物至于底部
			toBottom() {
				this.$nextTick(() => {
					let index = this.gifts.length - 1
					let ref = 'item' + index
					if (this.$refs[ref]) {
						dom.scrollToElement(this.$refs[ref][0], {})
					}
				})
			}

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值