鍍金池/ 問答/HTML/ vue中better-scroll 滾動到底部的問題

vue中better-scroll 滾動到底部的問題

vue better-scroll 加載新的消息時,滾到到底端的異?,F(xiàn)象。(懷疑是瀏覽器重繪的問題)
let disY=60; 這樣寫就正常滾動
let disY=el[el.length-1].clientHeight; 這樣寫滾動就很異常。詳情見下圖。

    RequestAxios(comment,function(){ 
    //從服務(wù)器加載剛剛發(fā)送的消息
      _this._intervalLoad(function(){
          _this.$nextTick(()=>{
              let el=_this.$refs.recordWrap.childNodes;
              //let disY=60; 這樣寫滾動正常
              //這樣寫就滾動不正常(每次從頭開始滾,很不好的體驗)
              let disY=el[el.length-1].clientHeight;
              if(el){
                  _this.chatScroll.scrollBy(0, _this.lastScrollY-disY,500);
                  setTimeout(()=>{
                    _this.lastScrollY= _this.chatScroll.y;
                  },50);
              }
          });
      }); 
    }); 
  },

圖片描述圖片描述

回答
編輯回答
心夠野

因為 better-scroll 計算高度是不包含 margin 的,你可以在 wrapper 層使用 margin。內(nèi)部建議用 padding。

2017年9月3日 15:10