创建静态水平滚动

时间:2012-09-18 11:12:34

标签: html css html5 css3 mobile-browser

我正在尝试为着陆页开发水平滚动。我正在尝试找到here的信息。但我想做类似的事情,但不完全是......

在该网页中,我们有两个要素: enter image description here 我们可以看到我们有一个菜单和一个水平的方框列表。此列表按预期工作:如果您按下菜单上的链接,它将跳转到正确的框。如果您使用移动浏览器,则会用手向右和向左滚动。

但是,当您使用移动浏览器向右滚动时,顶部的菜单会保留在图层的左侧,与Web的可见部分相反。如果您使用计算机浏览器执行此操作,则菜单始终位于左上角。

我希望菜单始终保持最佳状态,即使我使用的是移动浏览器,所以我可以滚动,比方说,一些图像,而不会隐藏我的网页内容。

我该怎么办?

我希望我能正确解释自己。 如果您还认为有一种更简单的方法可以使滚动水平,我会接受建议。

PS:我想要一种这样的结果: enter image description here

1 个答案:

答案 0 :(得分:1)

移动浏览器存在固定定位问题 - 请参阅this article,其中还提供了JavaScript解决方案列表。