2012-05-05 15 views
0

私はjCarouselLiteとfancyboxポップアップ

http://travianstation.com/index.html

スクリプト一緒に、このリンクを参照してください。jCarouselLiteとfancyboxを使用しています:あなたがダウンスクロールせずに "ギャラリー" をクリックするとhttp://travianstation.com/scripts/script.js

、ギャラリーにpoupます正しい位置にしますが、スクロールしてギャラリーをクリックすると、ウィンドウの中心にはなく、2番目のイメージ行が大きな画像の上に表示されます。

この問題を解決する方法を教えてもらえますか?あなたのscript.jsファイル内のおかげ

答えて

1

あなたは、コードのこの部分を持っている

私は文字通りそれを押して、ウィンドウをスクロールダウンし、それぞれ少しインチ用 #fancybox-contentmarginTopに動的に 30pxを追加している疑いがある
$().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");   
}); 
}); 

(ファンシーボックスを開いたままウィンドウを連続してスクロールして、効果を確認してみてください)

この機能を使用するとはどういう考えですか?

+0

ur返信ありがとう、私は、ページがスクロールすると、両方のボックスをスクロールするためにその関数を使用しているので、ユーザーがクローズボタンをクリックしない限り、マウスで上下にアニメートします。そのリンクを開いてギャラリーをクリックすると、スクロールしてもうまく動いても完璧に動作しますが、スクロールしてギャラリーを開いた場合、ギャラリーはページの真ん中にはありません。 – user969068

+0

Fancybox v1.3.xには、同じ効果をもたらすオプション 'centerOnScroll'があります。 fancyboxスクリプトに '' centerOnScroll ':true'を追加するだけです。 – JFK

+0

ありがとう私はいくつかのCSSを修正して修正しており、今は完璧に動作しています:) – user969068

関連する問題