2012-05-05 3 views
0

나는jCarouselLite와 fancybox 팝업

http://travianstation.com/index.html

스크립트 함께,이 링크를 참조하시기 바랍니다 jCarouselLite와 fancybox를 사용하고 있습니다 : 당신이 아래로 스크롤하지 않고 "갤러리"를 클릭하면 http://travianstation.com/scripts/script.js

, 갤러리에 poup합니다 올바른 위치에 있지만 아래로 스크롤 한 다음 갤러리를 클릭하면 창 가운데에 있지 않고 두 번째 이미지 행이 큰 이미지 위에옵니다.

친절하게이 문제를 해결할 수있는 사람을 안내해 줄 수 있습니까? 당신의 script.js 파일 내부 감사

답변

1

당신은이 코드 조각이

말 그대로 밀어, 창을 아래로 스크롤하여 각각의 작은 인치의 #fancybox-contentmarginTop에 동적으로 30 픽셀을 추가 의심
$().ready(function() { 
var $scrollingDiv = $("#fancybox-contentB"); 
var $scrollingDivB = $("#fancybox-content"); 
$(window).scroll(function(){     
    $scrollingDiv.stop().animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow");    
    $scrollingDivB.stop().animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow");   
}); 
}); 

화면 밖으로 아래로 (fancybox는 효과를 볼 수 열려있는 동안 계속해서 창을 아래로 스크롤하려고합니다.)

이 기능을 가지고있는 생각이 무엇입니까? UR 답장을

+0

감사합니다, 나는 페이지를 스크롤 할 때 사용자가 닫기 버튼을 클릭 해달라고 할 때까지, 그래서 두 상자를 스크롤하는 기능을 사용하고, 그것은/아래로 마우스까지 애니메이션됩니다. 링크를 열어 갤러리를 클릭하면 완벽하게 작동합니다. 심지어 스크롤하면 좋게 움직이지만 갤러리를 스크롤하면 갤러리를 열면 갤러리 중간에 있지 않습니다. – user969068

+0

Fancybox v1.3.x에는 동일한 효과를 생성하는'centerOnScroll' 옵션이 있습니다. fancybox 스크립트에''centerOnScroll ': true'를 추가하면됩니다. – JFK

+0

감사합니다. 저는 CSS를 추가하고 수정하여 완벽하게 작동합니다. :) – user969068