隱藏頁面元素的滾動條 橫向

2021-10-09 12:06:32 字數 823 閱讀 9503

如需設定縱向滾動條    同理  呦

第一種  設定滾動條樣式 隱藏 等   (測試中   ios12.4.1手機不生效)

@mixin scrollhidden

.scroll

&::-moz-scrollbar

&::-o-scrollbar

&::-ms-scrollbar

&::-webkit-scrollbar-thumb

&::-moz-scrollbar-thumb

&::-o-scrollbar-thumb

&::-ms-scrollbar-thumb

&::-webkit-scrollbar-track

&::-moz-scrollbar-track

&::-o-scrollbar-track

&::-ms-scrollbar-track

&::-webkit-scrollbar-track-piece

&::-moz-scrollbar-track-piece

&::-o-scrollbar-track-piece

&::-ms-scrollbar-track-piece

}

第二種 設定兩個盒子   

第一層盒子設定固定高度  overflow:hidden

第二層可滾動的盒子在原有的高度上 設定padding值,將滾動條 撐出可視區域 ;  利用第一層盒子進行隱藏

.hiddenmain

.scrollmain

橫向滑動 滾動隱藏滾動條

上週,因為要用到可以橫向滾動,不能出現滾動條的樣式,網上搜了一圈也沒有點想要的效果,乾脆去偷乙個 先預覽下效果吧 ok,上 html div class demo tab ul id items li class item div class item on div li li calss item...

隱藏橫向或縱向滾動條

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

frame中隱藏橫向滾動條

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