Question

我试图修复与iOS滚动相关的错误。滚动效果应用于整个屏幕，顶部有固定的标题。

问题在于，固定的标题在滚动时会跳跃和闪烁。仅在iPhone / iOS上可见此问题。（我在iPhone8，iOS12.2上进行了测试），并且可以在android设备和台式机上完美运行。

我已经尝试了几种解决方法，例如将CV_rfc.fit(x_train, y_train) print("Finished feature selection and parameter tuning") print("Optimal number of features : %d" % rfecv.n_features_) features=list(X.columns[CV_rfc.best_estimator_.support_]) print(features)和-webkit-overflow-scrolling: touch;添加到固定元素。我提到了在Stackoverflow上发现的类似问题。[1] [2]

CSS如下所示。

-webkit-transform: translate3d(0,0,0);

有什么办法可以解决此问题？

Answer 1

具有固定的标题和可滚动的内容在iOS滚动中不起作用。我发现我们应该使用position: absolute而不是position: fixed。另外，我们需要为边栏的内容添加-webkit-overflow-scrolling: touch;。

如下所示。

.sidebar-mobile-header {
            top: 0;
            position: absolute;
            height: 50px;
            width: 100%;
            }

.sidebar-mobile-content {
            position: relative;
            overflow-y: scroll;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
            height: 100%;
           }

固定的标题在iPhone / iOS上滚动时会跳跃和闪烁

1 个答案: