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

最佳答案

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


  我正在*******。com网站上工作。模态
  Windows可以在桌面上正常工作。但是在移动设备上
  单击链接,弹出模态窗口就好了,但它也
  将页面滚动回到顶部。在以下情况下,Avada在href行中包含#
  使用这些引导程序功能,并且不会让我将其删除。
  
  因此,这是我尝试的尝试,但未成功:...


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

融合10.min.css

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

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




如此覆盖融合样式表。

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


javascript - Avada WP主题/ bootstrap 模式导致页面滚动到移动设备顶部-LMLPHP

10-01 16:28