Javascript 如何确保gigya不为移动设备添加gigya移动模式?
我正在尝试为我们的网站实现Gigya。但是,当移动站点加载(注册页面)时,它会将以下类添加到html gigya移动模式模型中,从而导致页面显示白色页面,而不是页面 当html没有此类gigya移动模式模型时,页面将显示表单Javascript 如何确保gigya不为移动设备添加gigya移动模式?,javascript,html,gigya,Javascript,Html,Gigya,我正在尝试为我们的网站实现Gigya。但是,当移动站点加载(注册页面)时,它会将以下类添加到html gigya移动模式模型中,从而导致页面显示白色页面,而不是页面 当html没有此类gigya移动模式模型时,页面将显示表单 如何确保gigya不会为移动设备添加gigya移动模式?如果有一个优雅的解决方案,这将是一个有趣的问题 我实施了一个变通方法: -为该白色覆盖添加了一些样式 -对弹出内容的高度和位置添加了一些限制 -添加了一些JS,以防止页面在注册屏幕关闭后“跳转”。我遇到了这个问题,这个
如何确保gigya不会为移动设备添加gigya移动模式?如果有一个优雅的解决方案,这将是一个有趣的问题 我实施了一个变通方法:
-为该白色覆盖添加了一些样式
-对弹出内容的高度和位置添加了一些限制
-添加了一些JS,以防止页面在注册屏幕关闭后“跳转”。我遇到了这个问题,这个CSS对我很有效:
html.gigya-mobile-modal-mode,
html.gigya-mobile-modal-mode body {
overflow: visible !important;
}
不是很优雅,但是。。。它成功了。YMMV.我在gigya控制台/css中添加了以下内容。然而,我真的希望Gigya的核心开发人员之一对此进行调查
html.gigya-mobile-modal-mode,
html.gigya-mobile-modal-mode body,
body.gigya-mobile-modal-mode {
overflow: inherit;
height: auto;
}
这似乎解决了我的问题正如另一位用户所建议的那样,我后来不得不添加这个CSS来解决Android设备上Chrome的问题:
html.gigya-mobile-modal-mode body{height:auto!important;}