我有一个应用程序/网站，我正在使用 -webkit-overflow-scrolling: touch; 使 iOS 上的滚动流畅。
但是，最近它开始导致我的导航栏在初始加载时消失(使用 iOS)，并且它仅在某些元素向上或向下滚动时出现，这使得导航栏完全无法使用。
如果我注释掉 -webkit-overflow-scrolling: touch; 那么它可以完美运行，但是动量滚动消失了。我已经尝试向导航栏添加 z-index hack 以确保它加载在所有内容之上，我还添加了一些不同的 display 属性以查看如果我可以破解 -webkit-overflow-scrolling: touch;，我什至尝试使用 -webkit-transform: translate3d(0,0,0); 将元素添加到内存中，但没有任何效果。无论何时包含 -webkit-overflow-scrolling: touch;，导航栏仍然会消失/出现故障。
有没有人以前遇到过这个故障并解决了？我真的不想加载整个 JS 库来处理我的滚动，但如果我无法解决这个问题，我可能不得不这样做。非动量滚动感觉如此笨拙且无法使用。
最佳答案
我遇到了同样的问题。我有一个带有 -webkit-transform: translate3d(0,0,0); 的元素列表，当我启用 -webkit-overflow-scrolling: touch;。我的问题是我将带有 -webkit-transform: translate3d(0,0,0); 的元素嵌套在另一个 div 中。
换句话说，在有溢出滚动的那个:touch 和有 translate3d 的 child 之间有一个 div。没有意识到他们必须是直接的 child 。
一旦我直接合并了我的 div，它就停止隐藏元素并完美地工作了。希望能帮助到你。
关于ios - webkit-overflow-scrolling 使元素消失，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35585040/