2013-02-06 57 views
0

我对Jquery插件Flexslider有一个奇怪的问题。当从一张幻灯片到另一张幻灯片(仅在移动版本中,视口< 480)发生变化时,所有其他元素似乎都会晃动。当我使用Modernizr向页面添加移动响应菜单的脚本时,这个问题就开始了,但我不知道问题出在哪里。该试验场是http://private2.portalesardegna.comFlexslider在元素周围移动

,这是移动菜单脚本http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/

+0

无法复制我的Nexus 4上的问题或调整我的桌面浏览器的大小。两者似乎都很好,顺利。 –

回答

0

我想这是因为有2周的div

<div id="outer-wrap"> 
<div id="inner-wrap"> 

包含所有页面元素的引用,他们是必要的移动菜单,但是移动图像(在主页上,并在酒店详细信息页面的图片库flexslider)摇动所有的内容全部jQuery的脚本,我测试了iPhone,并与野生动物园的网站...

适用于这些div的css是

#outer-wrap { 
    position: relative; 
    overflow: hidden; 
    width: 100%; 
} 

#inner-wrap { 
    position: relative; 
    width: 100%; 
} 
+0

我解决了使用另一个脚本从http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/ jquery脚本我慢,但工作正常 –