ページ上部のビデオの下に Fancybox を表示する必要がある状況があります。
$(function() {
$('.index').click(function(){
$('html, body').animate({ scrollTop: 500 }, 'slow');
});
$(".index").fancybox({
'title' : 'INDEX',
'width' : 615,
'height' : 450,
...
'type' : 'iframe'
});
});
これはうまくいきます。ページが 500 ピクセル (ビデオの下) にドロップダウンし、FB が呼び出されます。
しかし、私が必要としているのは、ページが一番上にある場合にのみ下にスクロールすることです。
したがって、次のようなものです:
$(function() {
$('.index').click(function(){
if 500 pixels or more from the top {
$('html, body').animate({ scrollTop: 500 }, 'slow');
});
});
$(".index").fancybox({
etc.
その条件行をどのように書くことができますか?