失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > css怎么隐藏div滚动条

css怎么隐藏div滚动条

时间:2023-02-27 14:31:20

相关推荐

css怎么隐藏div滚动条

web前端|前端问答

css

web前端-前端问答

android phone 源码下载,如何运行公司的源码vscode,ubuntu什么都没有,tomcat安装步骤csdn,高并发sqlite,网页设计在生活中的应用,创建网站服务器,动画插件swiper,关于前端框架layui,技术爬虫团队,php评论回复功能,免费推广seo,springboot课设总结,web网站下载,网页设计 模板,phpcms v9 后台模板,WDCP后台模板,jquery tab 页面,会员管理系统,退出程序代码lzw

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

防交易猫源码,vscode 游戏插件,UBUNTU手机赚钱,tomcat换java,sqlite修改工具,国外不限流量服务器,loading进度条插件,mvc前端框架Demo,微信聊天记录爬虫,基础学php,学习seo好不好,php制作电影网站,网页孤岛奇兵源码,html网页代码模板,私服注册页面源码,vb制作工资管理系统,vb随机抽奖程序lzw

css 给div添加滚动并隐藏滚动条,或修改滚动条轨道颜色

免流代理php源码,vscode调试stm32,ubuntu 装光驱,tomcat7 开启,爬虫图片 显示,php工单系统 开源,安徽seo网络推广方案服务,网站免费源码大全,织梦手机版模板lzw

在html中

下面内容会单独滚动

1111111111111111

222222222222222

333333333333333

4444444444444444

1111111111111111

222222222222222

333333333333333

4444444444444444

css部分

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; }

或者如果需要修改滚动条样式使用下面样式

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{ //设置滚动条宽高 width:8px; height:8px } .content::-webkit-scrollbar-track{// 滚动条轨道样式 -webhit-box-shadow: inset 0 0 5px transparent; border-radius:0; background:transparent; } .content::-webkit-scrollbar-thumb{//滚动条样式 border-radius:5px; -webkit-box-shadow:inset 0 0 5px #242B56; background:#242B56; } p{ margin-bottom: 30px; font-size: 17px; color: #333; }

【推荐学习:css视频教学】

如果觉得《css怎么隐藏div滚动条》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。