CSS 实现隐藏滚动条同时又可以滚动内容

<div class="outer_div">
   <div class="inner_div">
      <div>我是内容</div>
   </div>
</div>
.outer_div {
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 200px;
}
.inner_div {
  position: absolute;
  left: 10px;
  right: -20px;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

ok,有了以上的代码就可以轻松的实现效果啦!

    原文作者:Liu_xiaoqing
    原文地址: https://segmentfault.com/a/1190000019286118
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞