以前對某個模組增加無滾動條的滾動效果,還需要找個外掛程式才能實現,現在發現個簡單方法,用普通的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...