better scroll滾動無效 幾種原因

2021-10-02 16:52:48 字數 1249 閱讀 4679

一、dom層級關係

class

=>

class

="content"

>

content...

div>

div>

class

="classifytitle"

ref=>

class="

">

ss div

>

>

v-for

="(item,index) in classifydata.products"

>

:to=

"">

}router-link

>

li>

ul>

div>

那麼ul中的元素將不能滾動

二、content是否被成功新增滾動相關style

以此dom結構為例:

class

="classifytitle"

ref=>

>

v-for

="(item,index) in classifydata.products"

>

:to=

"">

}router-link

>

li>

ul>

div>

審查元素可以看到:

這樣即新增成功的

如何看?

this

.$nexttick((

)=>

) console.

log(

this

.scroll)}}

)f12就可以看到列印結果:

那如果這些資料不對,檢查是否dom沒有更新完就初始化bscroll了,要等dom更新完才能初始化

position

: absolute;

left

: 0;

top: 0;

overflow

: hidden;

better scroll滾動區域問題

在首頁時候,使用betterscroll外掛程式的時候,滾動的時候經常會卡頓。better scroll在決定有多少區域可以滾動時,是根據scrollerheight屬性決定的。scrollerheight屬性時根據better scroll的content中的子元件的高度。但是,剛開始在計算scr...

better scroll無法滾動的問題

better scrooll的github位址 better scroll文件 一 dom層級關係 content content.div div classifytitle ref ss div for item,index in classifydata.products router link...

使用CSS實現無滾動條滾動

我們都知道,擼頁面的時候當我們的內容超出了我們的div,往往會出現滾動條,影響美觀。接下來小萌介紹幾種簡單的方法,但是也不是完美的解決問題了,各求所需吧 在webkit核心的瀏覽器裡可以定義滾動條樣式。在css初始處定義 1 webkit scrollbar 不過目前本方法只在webkit核心瀏覽器...