解決移動端 滾動到頁面頂部或底部后 頁面滾動失效問題

時間緊迫，簡單寫一下

給滑動元素綁定個scroll事件，原生事件是onscroll

<div  ref="robot" @scroll="robotScroll">

 

scroll事件內：當滾動到頂部時將scollTop 設置成1  當到底部時 scrollTop 減去1像素，就是不讓元素 到不了頂部或底部

robotScroll(e){
        console.log(e);
        var chatlist = document.getElementsByClassName('robot-box')[0];
        // console.log(chatlist.clientHeight);
        // console.log(chatlist.scrollHeight);
        // console.log(chatlist.scrollTop);
        if(chatlist.scrollTop <= 0){
          chatlist.scrollTop = 1
        }
        // console.log(`差${chatlist.scrollHeight - chatlist.clientHeight - chatlist.scrollTop}`);
        if((chatlist.scrollHeight - chatlist.clientHeight - chatlist.scrollTop) <= 0){
          chatlist.scrollTop = chatlist.scrollHeight - chatlist.clientHeight - 1;
        }
      },

 

 

 

 

 

。