vue設定scrollLeft 一直為0的原因

2021-09-29 13:32:30 字數 645 閱讀 7195

問題描述

class

="icontent"

ref="icontent"

>

class

="box"

ref="cbox"

>

/>

div>

div>

img 是position: absolute;絕對定位

icontent,cbox是 position: relative

多個img橫向平鋪撐開cbox出現滾動條

滑鼠拖動滾動條可以顯示隱藏部分內容

新需求滑鼠滾輪滾動控制滾動條,控制顯示的內容; 想當然獲取cbox 設定scrollleft;但是一直為0;

原因是出現滾動條的不是cbox 而是他的上層容器;

所以scrollleft不能正確設定值可能就是沒有找到出現滾動條的容器

解決步驟:

找到出現滾動條的容器

window.addeventlistener('scroll', this.windowscroll, true);

windowscroll(),

//scrollleft=0 最左邊;scrollwidth-clientwidth 最右邊

關於scrollLeft的賦值問題

scrolltop和scrollleft屬性只有當他內部元素超出父級元素的時候才有效,否則將一直為0,設定了也沒用。set adorst server.createobject adodb.recordset sql select top 20 from db page where pagemode...

Vue 設定別名

我們在寫vue 的時候需要引入許多的元件,或者是css樣式。當我們的檔案越來越多,層級也越來越多的時候引入就比較麻煩,要寫很多的 比如這樣 import son from son 為了書寫方便,我們可以給vue路徑設定別名,來節省 的輸入次數,提高開發效率 在檔案裡面輸入下面的 const path...

vue理由設定 Vue中新增滾動事件設定的方法詳解

vue中新增滾動事件設定的方法詳解,事件,滑鼠,滾輪,控制代碼,階段 vue中新增滾動事件設定的方法詳解 一 問題發現 在看vue的事件文件中,測試scroll事件發現如下是行不通的,觸發不了scroll事件,經過一番搜尋未找到原因,不過找到了另外兩種在vue中設定滾動事件。二 原因分析 暫無三 解...