在做企業頁面的時候,大部分頁面都應該是活的,不應該寫死,因為要從后台拿數據進行填充。而后台的數據是不確定的,有時候會讓我們的容器撐得很大。這時候我們需要隱藏掉滾動條達到美觀或者其他布局效果,隱藏掉單個方向滾動條,例如: 隱藏Y軸滾動條 overflow-Y :hidden 但這樣,會讓我們的滾動元素變得不可滾動。百度測試了一下,以下該偽類可以實現既隱藏掉滾動條,又不會影響元素的滾動/滑動。這里的隱藏屬於 display:none 類似效果,是不會影響布局的。如圖:
在做企業頁面的時候,大部分頁面都應該是活的,不應該寫死,因為要從后台拿數據進行填充。而后台的數據是不確定的,有時候會讓我們的容器撐得很大。這時候我們需要隱藏掉滾動條達到美觀或者其他布局效果,隱藏掉單個方向滾動條,例如: 隱藏Y軸滾動條 overflow-Y :hidden 但這樣,會讓我們的滾動元素變得不可滾動。百度測試了一下,以下該偽類可以實現既隱藏掉滾動條,又不會影響元素的滾動/滑動。這里的隱藏屬於 display:none 類似效果,是不會影響布局的。如圖:
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。