iOS:任何方法使-webkit-overflow-scrolling和:: - webkit-scrollbar一起工作？

Question

我正在尝试将自定义样式应用于滚动条(实际上,尝试使滚动条始终可见)并保留iOS应用程序的动量滚动:

#container {
    height: 400px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

#container::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: #000;
}

#container::-webkit-scrollbar:horizontal {
    height: 6px;
}

#container::-webkit-scrollbar-thumb {
    background-color: #000;
}

#container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #333;
}

但-webkit-overflow-scrolling: touch和::-webkit-scrollbar风格不一起工作.StackOverflow上已经有一个相关的问题:

-webkit-overflow-scrolling:touch在iOS中打破了我的-webkit-scrollbar css

那么,从2016年春天的高峰开始,有什么方法可以在滚动条的同时设置滚动条的样式吗？-WebKit-overflow-scrolling: touch如果有另一种方法可以伪造它,我准备放弃了.

请不要建议使用niceScroll,iScroll等 - 我试过这些; 实际上,我目前正在使用其中一个这样的脚本,并希望摆脱它.

Answer 1

正如上面链接的线程中提到的，-webkit-overflow-scrolling: touch与您的属性不兼容-webkit-scrollbar。如果您不想下载第 3 方滚动器，则必须编写一些自定义 JS 才能获得您正在寻找的功能。