html的一个DIV样式,如何使内容滚动条隐藏,但依旧可以滚动?

发布网友发布时间：2022-04-06 10:56

我来回答

共3个回答

热心网友时间：2022-04-06 12:26

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<head>标签中，加入css代码：<style>::-webkit-scrollbar{display: none;}</style>。

3、浏览器运行index.html页面，此时没有显示滚动条确能仍然有滚动效果。

热心网友时间：2022-04-06 13:44

溢出隐藏，写两个div，高度都固定，外面的固定宽度overflow: hidden;里面的div宽度比外面的稍宽，最好算好滚动条的宽度，overflow-y: auto即可
------------------------------------------------
<div style="width: 500px;height: 250px;overflow: hidden;">
<div style="width: 530px;height: 250px;overflow-y: auto;"><p style="height: 900px;">我是内容</p></div>
</div>
-----------------------------------------------

热心网友时间：2022-04-06 15:18

把属性设置为hide应该就可以了