橫向滑動 滾動隱藏滾動條

2022-08-30 09:51:11 字數 1026 閱讀 5304

上週,因為要用到可以橫向滾動,不能出現滾動條的樣式,網上搜了一圈也沒有點想要的效果,乾脆去偷乙個~

先預覽下效果吧

ok,上**~

html:

<

div

class

="demo-tab"

>

<

ul id

="items"

>

<

li class

="item"

><

div

class

="item-on"

>

div>

li>

<

li calss

="item"

><

div>

div>

li>

<

li class

="item"

><

div>

div>

li>

<

li class

="item"

><

div>

div>

li>

ul>

div>

css:

.demo-tab.demo-tab ul.item.item-on
總結一下,其實就是外層的div的高度要比里層ul/div或者其它元素的高度小,然後overflow:hidden

這是目前已知的一種,也許還會有其它方法吧,希望這個方法能對dev有幫助。

美圖,請欣賞,縮小尺寸了~

橫向滾動條(滑動條)

asp.net的gridview本身不帶滾動條,可通過panel實現。但是windows自帶的橫向滾動條只支援顯示在下方,為了使用方便,需要在上下方都顯示橫向滾動條。查詢了很多方法,有些不能實現 被滾動內容的寬度未知,但使用這種方法必須已知 其它的不能完全相容這些瀏覽器 ie6,firefox,ch...

隱藏橫向或縱向滾動條

怎樣隱藏橫向滾動條?在最近乙個專案中,公司客戶要求在1024 768解析度下 隱藏橫向導航條,找了網上多個方案均無法實現隱藏橫向滾動條的問題.因為只是隱藏橫向滾動條,所以不能使用scrolling no 的辦法,因為這樣會連縱向也隱藏了 框架包含 還是再說一下問題的嚴重性 在ie7,firefox,...

frame中隱藏橫向滾動條

遇到的問題是當main中的內容超過main的指定高度時,會同時出現豎向和橫向滾動條,這是一種極不好的使用者體驗,理想狀態應該是只出現豎向滾動條,我嘗試了如下解決方法 1.直接新增body屬性,結果是無效 分析原因 overflow x是ie獨有的 css 屬性,加上dtd的話可能會被忽略,就像定製滾...