pc模仿移动端滚动条样式，好看就对了

/* 设置滚动条的样式 */
::-webkit-scrollbar {
width: 5px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
border-radius: 5px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba(0, 0, 0, 0.8);
-webkit-box-shadow: inset 0 0 3px RGB(243, 243, 244);
}

pc模仿移动端滚动条样式，好看就对了相关推荐

【Vue】pc和移动端网页样式适配
在下面环节会讲解怎么做pc和移动端网页样式适配. 在当下有两种实现样式适配的:JS 适配方案和CSS 媒体查询适配.下面会具体讲解一下代码该怎么写.
【jq】自适应PC端幻灯片样式
自适应PC端幻灯片样式 banner.html  <div id="slideBox" class="slideBox1&q ...
浏览器自定义滚动条样式
当一段文本过长,使用overflow:auto属性后,这段文本所在区域将会出现滚动条.有时候,我们需要自定义浏览器的滚动条样式,可以使用css3的scrollbar-thumb属性来实现. 首先看一下 ...
xpage 传参_jQuery iScroll.js 移动端滚动条美化插件第1/5页
demo: iScroll功能很强大,目前我只用来自定义滚动条以下简单介绍一下iscrol在移动端自定义滚动条时的使用和注意事项. 一.用法 iScroll对要滚动的元素进行初始化,且不限制一个页 ...
element-ui 滚动条样式修改
element ui的滚动条样式很难看这是修改全局的滚动条样式可以添加一下代码 /**修改全局的滚动条*/ /**滚动条的宽度*/ ::-webkit-scrollbar {width: 8p ...
CSS3弹性布局滚动条样式
弹性布局要布局的子元素的父元素称之为容器,容器中写 display:flex //将块级元素变为容器 display:inline-flex //将行内元素变为容器弹性容器的样式属性 flex-d ...
h5响应式布局、PC和移动端适配方案
前言春招真的是太卷了,让我怀疑春招到底在招谁(是我太菜惹qaq).总之还是不能松懈下来,总结一下在实习期间遇到的h5的响应式布局.PC和移动端适配方案的选择以及一些问题.本文部分文案由chat-gp ...
html滚动条样式自定义,CSS自定义滚动条样式
今天心情很是不好呐,上午没来上班,钉钉申请通过,人事居然扣除我双倍工资,记过一次.次奥!***屌毛,长话短说,很是郁闷. -webkit-scrollbar 众所周知,浏览器默认的滚动条样式实在是.. ...
swing开发scrollbar滚动条样式
swing开发scrollbar滚动条样式简介效果图实现代码简介由于swing自带的滚动条又宽样式又不好看,所以,这里重写了一下滚动条,让滚动条看起来不是那么low. 效果图实现代码 1. ...
【摘】table滚动条样式
参考文章: 1.http://blog.sina.com.cn/s/blog_821025b70100wf82.html 2.https://blog.csdn.net/qq_42092177/art ...

pc模仿移动端滚动条样式，好看就对了

pc模仿移动端滚动条样式，好看就对了相关推荐

最新文章

热门文章