我的客户想在一个页面中创建两个区域,它应该单独滚动。所以我使用了两个div来实现它&溢出-y:滚动'和自定义滚动条。在Chrome中运行,它非常完美。但是在IE中运行,它有一些问题。我的问题是滚动条的样式表无法在页面顶部工作。 我做过关于自定义滚动条的研究,但我找不到原因。我应该使用' iframe'没有div标签?:( 这是我的样式表的一部分。
.scroll::-webkit-scrollbar-track
{
background:none;
}
.scroll::-webkit-scrollbar
{
width: 3px;
background:none;
}
.scroll::-webkit-scrollbar-thumb
{
border-radius: 2px;
background-color: #a9abad;
}
.scroll{
scrollbar-track-color: #fff;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-dark-shadow-color: #ffffff;
}
答案 0 :(得分:0)
Firefox或IE / Edge不支持自定义滚动条。
来源:https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp
尝试几乎没有意义。