如何在IE中自定义滚动条

时间:2017-12-06 06:06:07

标签: html css internet-explorer scrollbar

我的客户想在一个页面中创建两个区域,它应该单独滚动。所以我使用了两个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;
}

1 个答案:

答案 0 :(得分:0)

  Firefox或IE / Edge

不支持自定义滚动条。

来源:https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp

尝试几乎没有意义。