手机网站滚动问题

Question

在建立网站www.nutcraft.co.uk/shop.html时，它在正常浏览器中表现正常，但是在移动浏览器中查看时，它不会滚动，并且内容被锁定在顶部屏幕。

我已经四处阅读试图找出这个修复，但我很茫然。 （知道我必须清理div标签等，但我更像一个设计师，而不是编码器，我的脑袋正在旋转）！

任何帮助将不胜感激。

Answer 1

你有一个内嵌样式与身体溢出：只隐藏在您的手机视图。这是由网格系统的JavaScript添加的（您正在使用称为5grid的东西）。或者网格系统有问题，或者你缺少一些组件。我对5grid不熟悉，所以我不能说他们的网格系统是否健壮。

我试图找出更多，并没有发现任何网上有关它。因此，如果没有文档，除了猜测网格系统未经过移动测试，我无法做出任何帮助？它似乎使用了很多基于触摸的javascript。

如果是我，我会首选媒体查询JavaScript解决方案，当谈到使网站响应。

如果你仍然想使用网格系统，你可以添加CSS样式：

overflow:visible !important; 

你的身体标记。这应该有希望解决问题。但是请检查一下它是否会影响已经运行的移动设备的网站体验。