div实现隐藏滚动轴效果

来源:互联网 发布:网络连接流程 编辑:程序博客网 时间:2024/05/21 07:58

曾遇到这样一个非常简单的需求:  隐藏上下滚动轴

网上查了一下,其实非常简单,分三步:

1.用一个div把你要隐藏的滚动轴的div包裹起来;

2.设置它的style,高度和原来的div一样宽度稍微设置小一点;

3.给里面的div加上overflow-y:outo,给外面的div加上overflow-y:hidden;

ok!!!!解决



例:

<div style="width:200px;height:50px;overflow:hidden">
        <div style="width:220px;height:50px;overflow-y:auto">
            <h3>搜索结果 结束</h3>
            <h3>搜索结果 结束</h3>
            <h3>搜索结果 结束</h3>
            <h3>搜索结果 结束</h3>
            <h3>搜索结果 结束</h3>
            <h3>搜索结果 结束</h3>
            <h3>搜索结果 结束</h3>
            <h3>搜索结果 结束</h3>
            <h3>搜索结果 结束</h3>
        </div>
    </div>