在iPhone / Android上的固定元素上滚动溢出

时间:2013-12-19 12:07:12

标签: jquery ios css drop-down-menu responsive-design

我正在构建自适应网站:http://test.spuddmobile.com/

我遇到菜单问题。如果您以纵向方式在移动设备上查看该网站,请单击菜单按钮然后切换到横向,您无法滚动菜单。但是,如果您在横向滚动中打开菜单工作正常(虽然它不够滚动得足够远,应该比红色电话按钮的结尾更远)。

我只是想知道是否有其他人经历过类似的事情和/或有任何修复?

提前致谢!

1 个答案:

答案 0 :(得分:0)

这实际上是我在四月份联系过的一个项目。小世界!

在几个iPhone和XCode中的模拟器上为你测试过这个,我根本无法复制这个bug?

请记住,对于这种性质的元素使用position: absolute会在页面顶部定位时导致固有问题,因为 - 就其本质而言 - 它们将始终位于窗口顶部,因此,如果比视口高,则无法从底部访问任何内容。

最简单的方法就是确保你在页面上放置一个可滚动的元素(即:#page_content),以便它“粘在”顶部而不是窗口。这将需要对您的标记进行大量重写,但这可能不是最好的选择。

或者,考虑将要滚动的内容放在具有固定高度的其他元素中。这样,您的移动用户就可以在面板上向上/向下滑动。请记住,如果桌面浏览器恰好以相同的宽度查看网站,这可能看起来很丑陋,因为会显示滚动条。