Flexslider가 요소 주위를 이동합니다.

Jquery 플러그인 Flexslider에 이상한 문제가 있습니다. 한 슬라이드에서 다음 슬라이드로의 변경이있을 때 (모바일 버전에서만, 뷰포트 < 480) 다른 모든 요소는 흔들리는 것처럼 보입니다. 이 문제는 Modernizr을 사용하여 모바일 응답 메뉴 용 스크립트를 페이지에 추가했을 때 시작되었지만 문제가 무엇인지 알지 못합니다. 테스트 사이트가 http://private2.portalesardegna.com Flexslider가 요소 주위를 이동합니다.

이며,이 모바일 메뉴 스크립트 http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/

출처

2013-02-06 Carlo Busellato

입니다. Nexus 4에서 문제를 복제하거나 데스크톱 브라우저의 크기를 재조정 할 수 없습니다. 둘 다에 매끄럽고 매끄럽게 보입니다. –

내가이 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%; 
}

출처

2013-02-07 07:55:25

나는 다른 스크립트를 사용하여 http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/ jquery 스크립트를 사용하여 느려지지만 잘 작동합니다. –

Flexslider가 요소 주위를 이동합니다.

답변

관련 문제