uniapp的

作者: 我是七月 | 来源:发表于2024-05-21 16:30 被阅读0次

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

相关文章

网友评论

      本文标题:uniapp的

      本文链接:https://www.haomeiwen.com/subject/uusafjtx.html