时间戳

首页 > 解决方案 > WebView UI 中的引导模式位置

android - WebView UI 中的引导模式位置

问题描述

使用引导程序 4.3.1

在我的网站上，模态框也可以在响应模式下完美运行。

我还有一个 Android 应用程序，除其他功能外，它还包含我在 WebView 中的网站。当我在应用程序中的 WebView 中触发一个模式时，在一个长页面上 - 它在页面顶部打开（不是垂直居中），如果您碰巧向下滚动页面一半，您将看不到它，因为位置固定在顶部，您现在需要向上滚动才能看到它（如果您知道它已打开）。

同样，在日志网页中，以移动形式 - 问题不存在 - 仅在 WebView 中。有没有人遇到过这个？

这是 Bootstrap 对模态的定位。

.modal {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

似乎在 WebView 中，position: fixed;被忽略了 - 因为它是相对于窗口的，所以如果它向下滚动，模式会随着页面上升。

对此的测试很棘手，因为要正确测试，您需要在一个应用程序内、一个 WebView 容器内进行测试（正如我提到的，在移动设备上的 Chrome 响应中，这个问题不存在）。

标签： androidbootstrap-4android-webviewgoogle-chrome-app

解决方案

我想为将来遇到此问题的任何人发布更新并关闭此问题。原来，应用程序中存在错误，“拉动刷新”模块干扰了弹出窗口的位置。一旦解决了这个问题，模式就会根据引导程序现有代码在正确的位置打开。

感谢所有试图提供帮助的人。

推荐阅读