一、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核心瀏覽器...