上週,因為要用到可以橫向滾動,不能出現滾動條的樣式,網上搜了一圈也沒有點想要的效果,乾脆去偷乙個~
先預覽下效果吧
ok,上**~
html:
<css: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>
.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的話可能會被忽略,就像定製滾...