删除滚动条，但不删除滚动功能

有一个名为jscrollpane的jQuery库，它可以进行很多修改。

但是，如果您只想隐藏该栏，则也可以将该滚动条从视图中移出

<div id="content">    <div id="scrollable"> ... ... ... </div></div>

使用CSS

#content {    position: relative;    width: 200px;    height: 150px;    border: 1px solid black;    overflow: hidden;}#scrollable {   height: 150px;      width: 218px;    overflow-y: scroll;    }

这全部基于18像素的条形宽度。

因此，我们可以执行一些javascript滚动条宽度检测脚本，或者直接在可滚动div前面添加另一个div。

HTML现在是：

<div id="content"><div id="scrollable"><div id="txt"> ... ... ...</div></div></div>

与CSS一样：

#content {    position: relative;    width: 200px;    height: 150px;    border: 1px solid black;    overflow: hidden;}#scrollable {   height: 150px;      width: 240px;    overflow-y: scroll;    }#txt {    width: 200px;}

​