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,有了以上的代碼就能夠輕鬆的實現效果啦!code

相關文章
相關標籤/搜索