移动网站滚动问题
mobile site Scroll issues
我正在建立一个网站www.utcraft.co.uk/shop.html,它在普通浏览器中表现良好,但在移动浏览器中查看时,它不会滚动,内容被锁定在屏幕顶部。
我四处阅读,试图找出这个解决办法,但我不知所措。(我知道我必须清理div标签等,但我更像是一个设计师,而不是一个程序员,我的头脑在旋转)!!!
如有任何帮助,我们将不胜感激。
您有一个带主体溢出的内联样式:仅在移动视图中隐藏。这是由网格系统的javascript添加的(您使用的是一种名为5grid的东西)。要么是网格系统javascript有问题,要么是缺少某些组件。我不熟悉5grid,所以我不能说他们的电网系统是否稳健。
我试图了解更多信息,但没有在网上找到任何关于它的信息。因此,如果没有这些文档,除了猜测网格系统可能没有经过跨移动测试之外,我也无能为力?它似乎使用了很多基于触摸的javascript。
如果是我的话,我会更喜欢媒体查询,而不是javascript解决方案,当涉及到网站响应时。
如果你仍然想使用网格系统,你可以添加一个css样式:
overflow:visible !important;
你的身体标签。这将有望解决问题。但请检查这是否会影响它已经工作的移动设备的网站体验。
相关文章:
- Safari(Mac OS)上的jQuery平滑滚动问题
- 滚动以修复向上滚动的问题
- jquery平滑滚动问题
- 为什么不'我的窗口滚动事件根本没有启动.其他答案没有解决问题
- Wordpress中奇怪的滚动问题
- 无限滚动更改ID问题
- ajax显示隐藏滚动到最重要的问题
- jQuery Div滚动功能:IE中的问题
- CSS 溢出的滚动问题:滚动 HTML
- 显示比容器宽的文本,滚动时出现问题
- 单点高库存滚动条问题
- SlimScroll JQuery插件中的滚动条问题
- overflow-y:滚动导致JQuery出现问题
- 修复了从外部页面滚动到锚点时的页眉问题
- 平滑滚动并突出显示导航问题
- Jquery问题--滚动菜单
- CSS/Javascript菜单固定位置问题(滚动时)
- 关于页面加载的Javascript问题&滚动
- Jquery对话框chrome问题-滚动不可见时打开第二次
- 谷歌浏览器的问题:滚动到底部检测缩小