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

【问题标题】：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; }