【问题标题】:How to ensure for mobile devices gigya does not add gigya-mobile-modal-model?如何确保移动设备 gigya 不添加 gigya-mobile-modal-model?
【发布时间】:2017-05-23 10:09:40
【问题描述】:

我正在尝试为我们的网站实施 Gigya。但是,当移动网站加载(注册页面)时,它会将以下类添加到 html gigya-mobile-modal-model 导致页面显示白页而不是页面。

当 html 没有此类 gigya-mobile-modal-model 时,页面显示表单。

如何确保移动设备 gigya 不添加 gigya-mobile-modal-model?

【问题讨论】:

    标签: javascript html gigya


    【解决方案1】:

    我在 gigya 控制台/css 中添加了以下内容。但是,我真的希望 Gigya 的核心开发人员之一对此进行研究。

    html.gigya-mobile-modal-mode,
    html.gigya-mobile-modal-mode body,
    body.gigya-mobile-modal-mode {
        overflow: inherit;
        height: auto;
    }
    

    这似乎为我解决了这个错误

    【讨论】:

      【解决方案2】:

      如果有一个优雅的解决方案,会很有趣。

      我已经实施了一个解决方法:
      - 为这个白色叠加层添加了一些样式
      - 对弹出内容的高度和位置添加了一些限制
      - 添加了一些 JS 以防止注册屏幕关闭后页面“跳转”。

      【讨论】:

        【解决方案3】:

        我遇到了这个确切的问题,这个 CSS 对我有用:

        html.gigya-mobile-modal-mode,
            html.gigya-mobile-modal-mode body {
            overflow: visible !important;
        }
        

        不是很优雅,但是……它成功了。 YMMV。

        【讨论】:

        • 正如另一位用户所建议的,我随后不得不添加此 CSS 以解决 Android 设备上 Chrome 中的问题:html.gigya-mobile-modal-mode body { height: auto !important; }
        猜你喜欢
        • 2021-11-11
        • 2018-08-09
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多