首页 > 解决方案 > 与滑动相反的方向滚动(cordova android webview)

问题描述

我看到一个奇怪的错误,在一个方向滚动偶尔会在相反方向滚动我的 web 视图。你可以在这个 gif 中看到:

显示错误滚动方向的 gif

您可以看到它开始向下滚动然后向上滚动 - 向上滚动的第二部分是错误,我实际上滑动以继续向下滚动。这个问题很难重现,所以这个片段是我能在录音中得到的最好的片段。这不是反向滚动,因为它只发生在应用程序中的一个特定可滚动列表中,并且不一致。该应用程序是一个科尔多瓦应用程序,因此它是在 webview 中运行的 HTML/CSS/JS,我使用这个 webview 插件并禁用webview 滚动。我不确定这是否是 CSS 问题,因为我已停用列表和列表项的所有 CSS,但问题仍然存在。这是父级的 CSS <ul>

    padding: 12px 15px 15px;
    background-color: #fff;
    min-height: 100px;
    margin-bottom: 30px;
    position: relative;
    list-style: none;

这是每个孩子的 CSS <li>

    margin-top: 20px;
    margin: 5px 0;
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3D(0, 0, 0);
    word-wrap: break-word;
    zoom: 1;

我无法在应用程序之外重现该问题。任何帮助/想法将不胜感激,谢谢!

标签: androidhtmlcsscordovawebview

解决方案


推荐阅读