我从头开始开发一个网站,我的网站是“单页”类型,我的导航菜单使用锚点在各个部分之间滚动。
我对移动优化开发相对较新。计算机上的一切都很好,但是当在手机中测试时,当手动向下滚动时,应该固定的侧边栏,在它下方创建一个空白区域,然后它再次变为100%高度,因为它应该是是。我想在滚动时删除“侧栏下面的空白区域”第二次延迟。
以下是我的示例,尝试通过手机浏览(我实际上使用的是iPhone)。
http://www.officine06.com/limonaia
完整代码:
CSS代码:
.sidebar {background: yellow; width: 200px; height: 100%; position: fixed; z-index: 10; left: 0; top: 0;}
我还注意到smoothscroll js无法在移动设备上运行。 如果你用背景照片看上面的托管示例,在移动设备上它会在各个部分的背景之间创建一个空白区域,这是不应该发生的。
任何建议都会非常感谢,提前感谢,抱歉我的英语,不是我的母语。