我对Jquery插件Flexslider有一个奇怪的问题。当从一张幻灯片更改为下一张幻灯片时(仅在移动版本中,视口< 480),所有其他元素似乎都会动摇。当我使用Modernizr向页面添加移动响应菜单的脚本时,问题就出现了,但我不知道问题是什么。测试网站为http://private2.portalesardegna.com
这是移动菜单脚本http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/
的参考答案 0 :(得分:0)
我认为这是因为有2个div
<div id="outer-wrap">
<div id="inner-wrap">
包含所有页面元素,它们是移动菜单所必需的,但所有移动图像的jquery脚本(主页中的flexslider和酒店详细信息页面中的图像库)都会震动所有内容,我测试了网站在iPhone和野生动物园......
应用于这些div的css是
#outer-wrap {
position: relative;
overflow: hidden;
width: 100%;
}
#inner-wrap {
position: relative;
width: 100%;
}