css如何实现给div添加滚动并隐藏滚动条
程序员文章站
2022-04-17 09:18:43
...
css 给div添加滚动并隐藏滚动条 ,具体代码如下所示:
在html中
<div class="box"> <div>下面内容会单独滚动</div> <div class="scroll"> <div class="content"> <p>1111111111111111</p> <p>222222222222222</p> <p>333333333333333</p> <p>4444444444444444</p> <p>1111111111111111</p> <p>222222222222222</p> <p>333333333333333</p> <p>4444444444444444</p> </div> </div> </div>
(推荐教程:CSS教程)
css部分:
<style> div{ font-size: 15px; margin-bottom: 20px; } .content{ height: 300px;v // 必须设定滚动部分的高度 background-color: cadetblue; color: antiquewhite; overflow-x: hidden; /*x轴禁止滚动*/ overflow-y: scroll;/*y轴滚动*/ } .content::-webkit-scrollbar { display: none;/*隐藏滚动条*/ } p{ margin-bottom: 30px; font-size: 17px; color: #333; } </style>
相关视频教程推荐:css视频教程
以上就是css如何实现给div添加滚动并隐藏滚动条的详细内容,更多请关注其它相关文章!
上一篇: php和js哪个难?
下一篇: PHP异常处理定义与使用方法详解