博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于滚动条
阅读量:7017 次
发布时间:2019-06-28

本文共 694 字,大约阅读时间需要 2 分钟。

/*定义滚动条轨道*/
#style-3::-webkit-scrollbar-track
{
 
/*-webkit-box-shadow: ;*/
}
/*定义滚动条高宽及背景*/
#style-3::-webkit-scrollbar
{
width: ;
 
}
/*定义滑块*/
#style-3::-webkit-scrollbar-thumb
{
 
border-radius: ;
}
 
要在两个DIV里面显示滚动条:
1.首先DIV需要设置高度
2.内容必须超过DIV容器。
3.overflow: auto。
影藏滚动条:
去掉水平滚动条:
<body style="overflow-x: hidden">
去掉竖直滚动条:
<body style="overflow-y: hidden">
隐藏横向滚动条,显示纵向滚动条:
<body style="overflow-x:hidden;overflow-y:scroll">
全部隐藏
<body style="overflow:hidden">
或者是
<body scroll="no">
更好的方法就是:
把滚动条设置出来之后把所有颜色的属性全部变成全透明。这杨既可以滚动也可以不显示滚动条。
解释一下ovrflow的属性
visible :  不剪切内容也不添加滚动条。
auto :  在需要时剪切内容并添加滚动条。
hidden :  不显示超过对象高度的内容。
scroll :  总是显示纵向滚动条。
 

转载于:https://www.cnblogs.com/Beliefblog/p/5984651.html

你可能感兴趣的文章
步步为营 .NET三层架构解析 七、UI的设计(登陆页面、注册页页和添加部门页面)...
查看>>
八种方式实现跨域请求
查看>>
中缀表达式转后缀表达式
查看>>
爬虫第三章 模拟登录
查看>>
POI不同浏览器导出名称处理
查看>>
Mac 终端命令连接mysql
查看>>
ASP.NET MVC 学习1、新增Controller,了解MVC运行机制
查看>>
Tesseract-OCR 字体库下载地址
查看>>
sz一般是结尾带有'\0'的字符串。 string zero
查看>>
如何从Apache官网下载windows版apache服务器
查看>>
node-sqlite3的事务执行方法
查看>>
NPOI之Excel——合并单元格、设置样式、输入公式
查看>>
选取不在另一张表中记录的方法及优化
查看>>
linux 学习笔记之文件与管理
查看>>
body元素对象的clientWidth、offsetWidth、scrollWidth、clientLeft、offsetLeft、scrollLeft
查看>>
监控系统Opserver的配置调试
查看>>
Python正则表达式
查看>>
日志文件报警监控脚本(可用于zabbix监控文件)测试中...
查看>>
【原创】Python第二章——行与缩进
查看>>
【规划】学习计划
查看>>