jquery - Flexslider 在元素周围移动

Question

我对 Jquery 插件 Flexslider 有一个奇怪的问题。当从一张幻灯片更改为下一张时（仅在移动版本中，视口 <480）所有其他元素似乎都在晃动。当我使用 Modernizr 向页面添加移动响应菜单的脚本时，这个问题就开始了，但我不知道问题是什么。测试站点是http://private2.portalesardegna.com

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

Answer 1

我认为这是因为有 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%;
}