我正在构建一个网站 www.nutcraft.co.uk/shop.html，它在普通浏览器中表现正常，但在移动浏览器中查看时，它不会滚动并且内容被锁定在屏幕顶部。
我四处阅读试图解决这个问题，但我不知所措。 (知道我必须清理 div 标签等，但我更像是一个设计师而不是编码员，我的头在旋转)!!!
如有任何帮助，我们将不胜感激。
最佳答案
你有一个内联样式 body overflow:hidden 只在你的移动 View 中。这是由网格系统的 javascript 添加的(您正在使用称为 5grid 的东西)。网格系统 javascript 有问题，或者您缺少某些组件。我对 5grid 不熟悉，所以我不能说他们的网格系统是否健壮。
我试图了解更多信息，但没有在网上找到任何相关信息。因此，如果没有文档，我无能为力，只能猜测网格系统可能没有经过跨移动测试？它似乎使用了很多基于触摸的 javascript。
如果是我，在使网站响应时，我会更喜欢媒体查询而不是 javascript 解决方案。
如果你仍然想使用网格系统，你可以添加一个 css 样式:
overflow:visible !important;
到你的 body 标签。这应该有望解决问题。但是请检查这是否会影响它已经运行的移动设备上的网站体验。
关于javascript - 移动网站滚动问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31045862/