Live2D

css隐藏滚动条依旧可以滚动

  在做企业页面的时候,大部分页面都应该是活的,不应该写死,因为要从后台拿数据进行填充。而后台的数据是不确定的,有时候会让我们的容器撑得很大。这时候我们需要隐藏掉滚动条达到美观或者其他布局效果,隐藏掉单个方向滚动条,例如: 隐藏Y轴滚动条 overflow-Y :hidden 但这样,会让我们的滚动元素变得不可滚动。百度测试了一下,以下该伪类可以实现既隐藏掉滚动条,又不会影响元素的滚动/滑动。这里的隐藏属于 display:none 类似效果,是不会影响布局的。如图:

 

posted @ 2018-11-22 15:05  方红亮  阅读(2205)  评论(0编辑  收藏  举报