<scroll-view scroll-y="true" :style="{ 'height': $store.state.windowHeight + 'rpx' }" @scroll="scroll">
</scroll-view>
scroll(event) {
this.scrollTop = event.detail.scrollTop;//滚动高度
},
//监听到数组list发生变化并且已经有排名后滚动到有排名的位置
watch: {
list(newVal) {
if (newVal.length > 3) {
if (window.sessionStorage.getItem('rank')) {
this.rank = window.sessionStorage.getItem('rank');
let timer = setTimeout(() => {
let query = uni.createSelectorQuery();
let height_id = `#rank${this.rank}`;
query.select(height_id).boundingClientRect(res => {
setTimeout(() => {
console.log(res, "滚动高度");
this.scrollTop = res.top - res.height;
}, 300)
}).exec();
clearTimeout(timer);
}, 300);
}
}
},
immediate: true,
deep: true
}
uniapp滚动到指定位置H5
于 2022-03-25 09:19:57 首次发布