这篇博客探讨了一种针对WebKit浏览器的滚动条样式自定义方法，通过CSS实现滚动条的透明背景、按钮样式以及不同方向的边框颜色。虽然这种方法不适用于所有浏览器，但对于想要增强WebKit浏览器用户体验的开发者来说，提供了一个快速的10分钟解决方案。
我读了你的问题和评论.我有一个想法.
是的,我认为你的问题的最佳方法是使用javascript.
但我决定找到替代方案:)
这就是为什么我花了10分钟的时间来解决这个问题.
是的,它仅适用于webkit浏览器.但这是可能的.
.parent {
position: relative;
border: 1px solid #000;
height: 200px;
width: 200px;
overflow:auto;
}
.child {
position: absolute;
top: 40px;
border: 1px solid red;
height: 100px;
width: 400px;
}
.parent1 {
position: relative;
border: 1px solid #000;
height: 200px;
width: 200px;
overflow:auto;
}
.child1 {
position: absolute;
top: 40px;
border: 1px solid red;
height: 400px;
width: 100px;
}
::-webkit-scrollbar {
background: transparent;
}
::-webkit-scrollbar-button:horizontal:end {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid transparent;
border-left:8px solid red;
}
::-webkit-scrollbar-button:vertical:end {
border-left: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid transparent;
border-top:8px solid blue;
}
Some text
Some text
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
