그래서 나는 페이지 (본문)의 본문이 스크롤 될 때 박스가 위치를 왼쪽과 위로 무작위로 이동하는 FancyBox에서 이러한 문제를 겪고 있습니다. Fancybox "dances"주위에

은 GIF 문제를 보여주기 위해 첨부 :

내가 사용 Fancybox V2 내가 아는 한.

웹 사이트는 here ("일일 교육 탭"아래)입니다.

이

내가 fancybox 전화를 걸 때 사용하는 코드입니다 :

내가 그들의 API를 확인했지만 "춤"에 위치하게 이해하지 수

$(".signup").fancybox({ 
    maxWidth: 800, 
    maxHeight: 600, 
    fitToView: false, 
    width: '70%', 
    height: '70%', 
    autoSize: false, 
    closeClick: false, 
    openEffect: 'none', 
    closeEffect: 'none' 
});

===============

편집

그래서 나는 문제를 분리 할 수 있었다. "openEffect : 'none'"을 추가하면 문제가 발생합니다. 상자가 없으면 상자가 고정되어 화면의 왼쪽 상단에 붙습니다.

추가 아이디어가 있습니까?

출처

2014-10-07 Aviad

에 도움이되었습니다? –

@VitorinoFernandes는 내 개인 스크립트에 없지만 bootstrap.js, hammer.js, jQ (더하기 파일 : easing, mousewheel, animate 및 superslides) 및 owlCarousel ... – Aviad

웹 사이트를 스크롤하지 않고 closeClick을 true로 설정하거나 제거하면 윈도우가 모달로 표시되고 모달이 열리는 동안 기본 페이지를 스크롤 할 수 없습니다. 여기

var busy = false; 
// the html class is "o" 
$(".o").fancybox({ 
    //modal: true 
    beforeClose: function() { 
     if (busy) { 
      return false; 
     } 
    } 
});

예 : http://jsfiddle.net/MLjAT/

출처

2014-10-07 11:26:09 Supamiu

... 및 배경 흐리게하는 것도 고려해보십시오. . –

나는 "조광"을 이해하지 못한다.이게 뭐야? – Supamiu

그는 오버레이를 의미합니다 – himanshu

최대한 멀리 볼 수있는, 상자 인해 일부 자바 스크립트 코드가 추가되고있는 transition 및 -webkit-transition CSS 속성으로 이동하고있다. 어디에서 왔는지 확인해야합니다. 각 단계를 분해하십시오. 또한 문제가 코드에서 일종의 충돌로 인한 것일 수 있으므로 확인하십시오.

출처

2014-10-07 14:26:48 StrongBite

Thx warwick - 확인해 보겠습니다. – Aviad

은 DOCTYPE이 추가 시도

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

당신이 scroll` 기능에`윈도우를 사용하는 것 같습니다 지난

출처

2014-10-13 05:00:05

Winter - it doesn 둘 중 하나 .. – Aviad

Fancybox "dances"주위에

편집

답변

관련 문제