Avada WP主题/引导程序模式导致页面滚动到移动设备顶部

Question

使用Avada主题并不确定它们集成了哪个版本的Bootstrap，但是在移动设备上打开模式时，它将页面滚动到顶部。我尝试了一些野外解决方案，但到目前为止都没有奏效。

Answer 1

我刚刚在Avada 5.5.2上遇到了相同的问题。这是我的同事今天早上通过电子邮件发送给我的确切问题。

我正在*******。com网站上工作。模态窗口可以在桌面上正常工作。但是，在移动设备上，单击模式链接时，将弹出模态窗口，但是它还会将页面滚动回到顶部。使用这些引导程序功能时，Avada在href行中包含＃，并且不允许我删除它。

因此，这是我尝试的尝试，但未成功：...

在走了许多不正确的方向之后，对我有用的解决方案是一个简单的css调整。将下面标记为“解决方案”的代码添加到您的子主题中，或直接添加到您的Avada Options中，如屏幕截图所示。

融合10.min.css

样式表融合构建器创建的是强制固定位置。

.ua-mobile .modal-open {
    position: fixed;
    overflow: hidden;
}

解

如此覆盖融合样式表。

.ua-mobile .modal-open {
    position: relative;
}