Flexslider在元素周围移动

时间:2013-02-06 15:36:31

标签: jquery css flexslider

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

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

的参考

1 个答案:

答案 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%;
}