vue 動態獲取剩餘區域的滾動高度

2021-10-02 22:43:21 字數 433 閱讀 6909

需求:通過獲取螢幕的高度,減去【固定】高度,剩下的高度為【內容】滾動高度。

我們通過下面**獲取螢幕高度:

document.documentelement.clientheight || document.body.clientheight;
所謂的固定高度,應該是一直停留在螢幕可見範圍中,不根據內容進行滾動。如果這個固定高度是一些靜態資源時,我們只需通過設定 ref 獲取元素的高度。

let imgheight = this.$refs['imgsize'].height

那麼這樣就很容易的獲取到內容的滾動高度,**如下:

getscollerheight() , 100)

}mounted() ,

獲取滾動條的寬高

scrollwidth 是物件的實際內容的寬,不包邊線寬度,會隨物件中內容的多少改變 內容多了可能會改變物件的實際寬度 clientwidth 是物件可見的寬度,不包滾動條等邊線,會隨視窗的顯示大小改變。offsetwidth 是物件的可見寬度,包滾動條等邊線,會隨視窗的顯示大小改變。乙個scrol...

動態獲取popupWindow的寬高

popupwindow的長寬按比例去取螢幕寬度 思路 思路是這樣的 比如 儲存的時候寬高是300和100 寬高比就是n 3 1 3 彈窗的時候是取得到螢幕寬高的 因為不知道是平板還是手機 比如都要取螢幕的0.8 n 1 那寬就是 螢幕寬度 0.8 高度就是 螢幕寬度 0.8 n n 1 那高就是 螢...

VUE根據ref來獲取元素or元件的滾動條位置。

vue根據ref來獲取元素or元件的滾動條位置。滾動條根據展示塊的滑動來變更長度or位置 思路1.編寫原生js mounted methods else 方法不可行,原生js在元素獲取上有錯誤 大概是沒找到正確的寫法 思路2.使用ref和 refs來註冊元素從而使用scrollleft來獲取滾動條的...