分為兩種情況，為滾動條出現(xiàn)，和滾動條隱藏 滾動條出現(xiàn)的情況

先獲取瀏覽器滾動條的寬度

創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供嘉定網(wǎng)站建設(shè)、嘉定做網(wǎng)站、嘉定網(wǎng)站設(shè)計、嘉定網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、嘉定企業(yè)網(wǎng)站模板建站服務(wù)，十余年嘉定做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

export function findDimensions():{winWidth: Number, winHeight: Number} {let winWidth: Number, winHeight: Number
  // 獲取窗口寬度
  if (window.innerWidth) {winWidth = window.innerWidth } else if ((document.body) && (document.body.clientWidth)) {winWidth = document.body.clientWidth }
  // 獲取窗口高度
  if (window.innerHeight) {winHeight = window.innerHeight } else if ((document.body) && (document.body.clientHeight)) {winHeight = document.body.clientHeight }
  // 通過深入Document內(nèi)部對body進(jìn)行檢測，獲取窗口大小
  if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) {winHeight = document.documentElement.clientHeight
    winWidth = document.documentElement.clientWidth
  }
  return {winWidth,
    winHeight
  }
}

再調(diào)用詳情接口中調(diào)用

getTableHeight() {  this.$nextTick((res) =>{const allHeight = document.querySelector('.rightConter').offsetHeight
        document.querySelector('.el-table__header').style.paddingRight = getScrollbarWidth() + 'px'
      })
    },

滾動條沒有出現(xiàn)

在調(diào)用詳情頁的接口中使用

hasTableSrocllp() {  // const srollHeight = this.$refs.chatListRef.bodyWrapper
      this.$nextTick((res) =>{// this.$refs.chatListRef.bodyWrapper.scrollTop = this.$refs.chatListRef.bodyWrapper.scrollHeight
        this.$refs.chatListRef.bodyWrapper.scrollTop = 100
        // 先讓滾動條滾動
        if (this.$refs.chatListRef.bodyWrapper.scrollTop >0) {  // 判斷滾動條是否發(fā)生了滾動
          this.tableSrocll = true
          // el-table__body
          // document.querySelector('.el-table__body').style.paddingRight = 0 + 'px'
          console.log('有滾動條')
        } else {  // 沒有滾動
          this.tableSrocll = false
          document.querySelector('.el-table__body').style.paddingRight = getScrollbarWidth() + 'px'
        }
        // 恢復(fù)滾動條到頂部
        this.$refs.chatListRef.bodyWrapper.scrollTop = 0
        // console.log('1144', document.getElementsByClassName('el-table__body-wrapper')[0].scrollTop = 10)
        // if (document.getElementsByClassName('el-table__body-wrapper')[0].scrollTop >0) { // 判斷滾動條是否發(fā)生了偏遠(yuǎn)
        //   console.log('有滾動條')
        // } else {//   console.log('無滾動條')
        // }
        // document.getElementsByClassName('el-table__body-wrapper')[0].scrollTop = 0 // 恢復(fù)滾動條到頂部
      })
    },

你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級服務(wù)器適合批量采購，新人活動首月15元起，快前往官網(wǎng)查看詳情吧

新聞名稱：elementui的表格的滾動條的出現(xiàn)導(dǎo)致表格位置錯亂-創(chuàng)新互聯(lián)
文章位置：http://jinyejixie.com/article38/dedgpp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、定制開發(fā)、商城網(wǎng)站、全網(wǎng)營銷推廣、網(wǎng)站改版、品牌網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)