使用css实现某一区域滚动条的隐藏

我们都知道，浏览器里某一区域的数据一旦超长，就会出现滚动条。滚动条分为两种，横向和纵向。如何实现纵向滚动条隐藏之后，仍然可以滚动呢？

很简单，如果你要隐藏滚动条的区域的class名称为vertical，那么代码为

.vertical {  overfollow-y: scroll;}
  overfollow-y: scroll;
}
.vertical::-webkit-scrollbar {  display: none;
  display: none
}

区区两行代码就能实现该功能，是不是很简单？当然该方法并不能兼容所有浏览器。就我所知，Chrome肯定是可以的。