2013-02-06 60 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腳本我慢,但工作正常 –