去掉div裏面的滚动条但是还可以滚动

最新推荐文章于 2023-08-31 16:40:40 发布

燕儿归

最新推荐文章于 2023-08-31 16:40:40 发布

阅读量7.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签：隐藏滚动条仍然可以滚动

本文链接：https://blog.youkuaiyun.com/hr541659660/article/details/51597804

css 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用两层DIV元素实现内部滚动条对外部不可见的技术方案。通过设置外部DIV的overflow属性为hidden，并使内部DIV的宽度大于外部DIV且overflow属性设为auto来实现效果。

2层DIV. 外面那层写个固定的width 和height,overfllow:Hidden;  然后里面的那个也需要固定的width(约宽于父DIV的宽度.——把滚动条顶出去Hidden掉)和height(同父级DIV).overfllow:auto;.

<div style="width: 180px;overflow:hidden;">
                    <div id="left" style="width:200px;overflow-y:auto;">
                        <ul id="treeDemo" class="ztree">
                        </ul>
                    </div>
                </div>