1

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

我对移动优化开发比较陌生。在电脑上一切都很好,但是在手机上测试时,当手动向下滚动时,应该修复的侧边栏,在它下面创建一个空白区域一秒钟,然后它再次变成 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 不适用于移动设备。如果您查看上面带有背景照片的托管示例,在移动设备上它会在部分背景之间创建一个空白区域,这是不应该发生的。

任何建议将不胜感激,提前感谢,对不起我的英语,不是我的母语。

4

0 回答 0