css实现隐藏滚动条

demo1：

html

?

1 2 3 4 5 6 7

<div class="outer-container">      <div class="inner-container">         <div class="content">             ......         </div>      </div>  </div>

　css

?

1 2 3 4 5 6 7 8 9 10 11 12

.outer-container,.content {     width: 200px; height: 200px; } .outer-container {     position: relative;     overflow: hidden; } .inner-container {     position: absolute; left: 0;     overflow-x: hidden;     overflow-y: scroll; }

　　demo2

直接在css中用伪属性

?

1	::-webkit-scrollbar

?

1	.element::-webkit-scrollbar {display:none}