高度:固定边栏100%,但在移动设备上表现得很奇怪

时间:2013-04-30 10:59:07

标签: javascript html css mobile

我从头开始开发一个网站,我的网站是“单页”类型,我的导航菜单使用锚点在各个部分之间滚动。

我对移动优化开发相对较新。计算机上的一切都很好,但是当在手机中测试时,当手动向下滚动时,应该固定的侧边栏,在它下方创建一个空白区域,然后它再次变为100%高度,因为它应该是是。我想在滚动时删除“侧栏下面的空白区域”第二次延迟。

以下是我的示例,尝试通过手机浏览(我实际上使用的是iPhone)。

http://www.officine06.com/limonaia

完整代码:

http://jsfiddle.net/hQGFa

CSS代码:

.sidebar {background: yellow; width: 200px; height: 100%; position: fixed; z-index: 10; left: 0; top: 0;}

我还注意到smoothscroll js无法在移动设备上运行。 如果你用背景照片看上面的托管示例,在移动设备上它会在各个部分的背景之间创建一个空白区域,这是不应该发生的。

任何建议都会非常感谢,提前感谢,抱歉我的英语,不是我的母语。

0 个答案:

没有答案