css 设置overflow:scroll 滚动条的样式

  /* 定义滚动条样式 */
::-webkit-scrollbar {width: 6px;height: 6px;background-color: rgba(240, 240, 240, 1);
}/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);border-radius: 10px;background-color: rgba(240, 240, 240, .5);
}/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {border-radius: 10px;box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);background-color: rgba(240, 240, 240, .5);
}

转载于:https://www.cnblogs.com/web-aqin/p/11244121.html

css 设置overflow:scroll 滚动条的样式相关推荐

CSS中overflow:scroll怎么设置只上下滚动而不左右滚动
CSS中"overflow:scroll"默认是左右,上下都滚动.怎么设置只上下滚动而不左右滚动,下面有个不错的解决方法 CSS中"overflow:scroll&quo ...
前端面试：如何修改overflow:scroll 滚动条的默认样式-如背景色以及宽度
如何修改overflow:scroll 滚动条的默认背景色以及宽度: 使用-webkit-scrolbar 自定义样式: 复制代码 talk is cheap ,show me the code: T ...
用css去自定义页面滚动条的样式（谷歌浏览器，PC端）
用css去自定义页面滚动条的样式(谷歌浏览器,PC端) 常用的自定义滚动条样式,只需要用到三个属性 1.::-webkit-scrollbar 2.::-webkit-scrollbar-track ...
[css] 遇到overflow: scroll不能平滑滚动怎么解决？
[css] 遇到overflow: scroll不能平滑滚动怎么解决? ipone 上解决方法是这样的, -webkit-overflow-scrolling: touch; 个人简介我是歌谣,欢迎 ...
[css] 使用overflow: scroll时不能平滑滚动怎样解决？
[css] 使用overflow: scroll时不能平滑滚动怎样解决? scroll-behavior: smooth; 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很 ...
ios滚动条影响父页面 vue_父元素设置overflow:scroll时vuedraggable组件出现奇怪效果的解决方案...
在使用 vu围幸业很例站闪以近着好务多如宽动为近着好edraggable 做拖拽效果时,因为要用到滚动条而使用了 overflow: scroll,导致了两个奇怪的效果,虽然折腾了一段时间,不过最后我 ...
overflow:scroll滚动条样式修改
第一,在需要加滚动条的元素上加上overflow: scroll,并设置高度! 如: <div><p class="AddStyle">2131313212 ...
解决H5在移动端overflow:scroll滚动条默认不显示和滚动后消失的问题
今天在工作中,遇到一个关于overflow在移动端视图调试滚动的问题,我在使用了overflow:scroll进行滚动时,滚动后滚动条自动消失了,需求是需要保留让它一直都在,下面的代码意思是重新设置滚 ...
【兼容性】ios上设置overflow: scroll不滚动bug
背景目前遇到这么一个问题:我有一个可以向下展开的下来菜单,菜单初始高度大于300px左右,没有超过手机屏幕高度,当展开的时候如果超过手机屏幕高度时让父元素出现滚动条滚动,就是说内容的高度是动态的. ...

css 设置overflow:scroll 滚动条的样式

css 设置overflow:scroll 滚动条的样式相关推荐

最新文章

热门文章