PC版模組滾動不顯示滾動條效果

2021-10-07 08:48:07 字數 533 閱讀 4727

以前對某個模組增加無滾動條的滾動效果,還需要找個外掛程式才能實現,現在發現個簡單方法,用普通的css就可以實現。

此方法只適用於不顯示滾動條的滾動效果,如果需要自定義滾動條樣式,還是需要外掛程式來實現。

html:

<

div

class

="sidebar"

>

<

div

class

="sidebar-bd"

>

內容

div>

div>

css:

.sidebar

.sidebar .sidebar-bd

以上**的效果是左側固定的豎條,當內容超過一屏的時候,可滾動。

原理是外層限制寬度,設定超過部分隱藏;內層寬度增加20px,滾動條顯示在增加的20px裡,因為外層限制了顯示寬度,所以有滾動條的時候就不會顯示出來。

這個方法相容ie8及以上。

PC版模組滾動不顯示滾動條效果

以前對某個模組增加無滾動條的滾動效果,還需要找個外掛程式才能實現,現在發現個簡單方法,用普通的css就可以實現。此方法只適用於不顯示滾動條的滾動效果,如果需要自定義滾動條樣式,還是需要外掛程式來實現。html div class sidebar div class sidebar bd 內容 div...

不顯示橫向滾動條

因為只是隱藏橫向滾動條,所以不能使用scrolling no 的辦法,因為這樣會連縱向也隱藏了 框架包含 還是再說一下問題的嚴重性 在ie7,firefox,opera,safari下均是正常的,在ie6下面如果沒有出現縱向滾動條的時侯,也不會出現橫向滾動條,但是當有縱向滾動條的時侯,橫向滾動條出現...

el scrollbar滾動條不顯示解決方法

因為使用者需求,需要相容谷歌 火狐 ie10的滾動條樣式,其他元件只相容谷歌,火狐與ie顯示預設樣式,樣式不統一。使用el scrollbar進行滾動條樣式統一。問題描述 新增el scrollbar標籤,豎直滾動條沒有顯示 原部分 如下 區域選擇 name 1 class coll 1 heigh...