我从头开始开发一个网站,我的网站是“单页”类型,我的导航菜单使用锚点在部分之间滚动。
我对移动优化开发比较陌生。在电脑上一切都很好,但是在手机上测试时,当手动向下滚动时,应该修复的侧边栏,在它下面创建一个空白区域一秒钟,然后它再次变成 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 不适用于移动设备。如果您查看上面带有背景照片的托管示例,在移动设备上它会在部分背景之间创建一个空白区域,这是不应该发生的。
任何建议将不胜感激,提前感谢,对不起我的英语,不是我的母语。