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