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 breaks my -webkit-scrollbar css in iOS

那么，从2016年 Spring 开始，有没有什么方法可以在设计滚动条的同时拥有滚动的动量呢？如果有另一种方法可以伪造它，我准备放弃 -WebKit-overflow-scrolling: touch 。

请不要建议使用niceScroll、iScroll等 - 我已经尝试过这些；实际上，我目前正在使用其中一个脚本，并且想摆脱它。

Answer 1

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