페이지가 스크롤 된 후 Fancybox가 페이지 아래쪽으로 열림

Question

fancybox를 사용하여 일련의 이미지를 표시하는 페이지가 있습니다. 페이지를 아래로 스크롤하여 전체 이미지를보고 다음을 눌러 다음 이미지로 이동하면 새 상자/이미지가 뷰포트의 수직 중심보다 더 아래쪽으로 열립니다. 스크롤). 모든 연속적인 이미지에 대해이 작업을 계속할 때 마지막 이미지에서 페이지의 맨 아래로 자신을 찾을 수 있습니다 ...

어떻게 각 연속 상자가 맨 위부터 고정 된 거리만큼 열리도록해야합니까? 페이지 (페이지가 스크롤 된 경우에도). 이것은 js 파일 자체 수정 (예 : 뷰포트 기능?)과 관련이 있습니까?

감사합니다.

Answer 1

문제를 해결하는 centerOnScroll 매개 변수가 있습니다. 참조 jQuery FancyBox : fixed position of popup with respect to window while scrolling

예 :

$("#LinkName").fancybox({ 
     'hideOnContentClick': true, 
     'autoScale': true, 
     'height': 'auto', 
     'scrolling': 'no', 
     'transitionIn': 'none', 
     'transitionOut': 'none', 
     'centerOnScroll': true 
    }).click();