移动网站滚动问题

Question

我正在建立一个网站www.nutcraft.co.uk/shop.html，它在普通浏览器中表现良好，但是在移动浏览器中观看时它不会滚动，内容会被锁定在屏幕顶部。< / p>

我读到了试图解决这个问题，但我不知所措。 （知道我必须清理div标签等，但我更像是一个设计师而不是编码器而且我的头在旋转）!!!

非常感谢任何帮助。

Answer 1

您有一个带有身体溢出的内联样式：仅在您的移动视图中隐藏。这是由网格系统的javascript添加的（你使用的是5grid）。网格系统javascript存在问题，或者您缺少某些组件。我不熟悉5grid，所以我不能说他们的网格系统是否健壮。

我试图找到更多，并没有在网上找到任何关于它的东西。所以没有文档，除了猜测网格系统没有经过移动测试时，我无能为力吗？它似乎使用了很多基于触摸的JavaScript。

如果是我的话，在制作网站时，我会更喜欢使用javascript解决方案进行媒体查询。

如果您仍想使用网格系统，可以添加css样式：

overflow:visible !important;

到你的身体标签。这应该有希望解决这个问题。但请检查这是否会影响已经运行的移动设备的站点体验。