遇到的問題是當main中的內容超過main的指定高度時,會同時出現豎向和橫向滾動條,這是一種極不好的使用者體驗,理想狀態應該是只出現豎向滾動條,我嘗試了如下解決方法:
1.直接新增body屬性,結果是無效;
(分析原因:overflow-x是ie獨有的 css 屬性,加上dtd的話可能會被忽略,就像定製滾動條顏色的css屬性一樣)
2.去掉doctype宣告
"">以後,橫向滾動條被限制了,目的雖然達到,但是假設採用div+css布局的話,去掉文件宣告會引發更多的問題,所以還需要嘗試一些其它的方式;
3.在使用iframe的情況下,可以不刪除doctype宣告,設定scrolling="yes",也能生效。
這是我做的**片段:紅色部分為控制隱藏滾動條的**(橫向的)
scrolling="yes",>>
橫向滑動 滾動隱藏滾動條
上週,因為要用到可以橫向滾動,不能出現滾動條的樣式,網上搜了一圈也沒有點想要的效果,乾脆去偷乙個 先預覽下效果吧 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,...
隱藏頁面元素的滾動條 橫向
如需設定縱向滾動條 同理 呦 第一種 設定滾動條樣式 隱藏 等 測試中 ios12.4.1手機不生效 mixin scrollhidden scroll moz scrollbar o scrollbar ms scrollbar webkit scrollbar thumb moz scrollb...