在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
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部分 <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 给div添加滚动并隐藏滚动条 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对极客世界网站的支持! |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论