0

ページ上部のビデオの下に 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.

その条件行をどのように書くことができますか?

4

1 に答える 1

0

オブジェクトで を使用scrollTop()してwindow、ページの現在の垂直スクロール位置を決定できます。

if ($(window).scrollTop() <= 500) {
    // ...
}
于 2013-09-23T05:33:29.680 に答える