scroll-view问题记录
1、scrolltoupper方法 监听异常,可以加throttle字段试试
2、下面代码是顶部下拉加载更多之后,再次滚动到之前的位置
<scroll-view
:upper-threshold= '1'
scroll-y="true"
:scroll-top="scrollTop"
class="message-scroll-list"
@scrolltoupper="onLoadMore"
:throttle='false'
>
const oldheight = ref(0)
const newheight = ref(0)
const old = ref({
scrolTop:0
})
const scroll = (e) => {
console.log("scroll===",e)
let newH = e.detail.scrollHeight
if(newheight.value==0){
newheight.value = newH
}else if(newheight.value!=newH){
oldheight.value = newH-newheight.value
newheight.value = newH
console.log(newheight.value,oldheight.value)
}
old.value.scrolTop = e.detail.scrollTop
console.log("oldheight===",oldheight.value)
console.log("newheight===",newheight.value)
console.log("old===",old.value.scrolTop)
}
setTimeout(()=>{
console.log("setTimeout00====")
console.log("oldheight",oldheight.value)
console.log("newheight",newheight.value)
console.log("old",old.value)
scrollTop.value = old.value.scrolTop+300
},0)
setTimeout(()=>{
console.log("setTimeout11====")
console.log("oldheight",oldheight.value)
console.log("newheight",newheight.value)
console.log("old",old.value)
// scrollTop.value += 3000;
scrollTop.value = oldheight.value
},400)
https://developers.weixin.qq.com/community/develop/doc/0002ea1dcccfa836455834be35bc00
网友评论