在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue中better-scroll 滾動(dòng)到底部的問(wèn)題

vue中better-scroll 滾動(dòng)到底部的問(wèn)題

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

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

圖片描述圖片描述

回答
編輯回答
心夠野

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

2017年9月3日 15:10