Использование условных выражений в Jquery для размещения дисплея Fancybox в нижней части страницы

Question

Использование условных выражений в Jquery для размещения дисплея Fancybox в нижней части страницы

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.

Как я могу написать эту условную линию?

Terry Peck 23 сен. 2013, в 08:23

Источник

Теги:

jquery

1 ответ

Ещё вопросы

theftprevention · Accepted Answer · 2013-09-23T04-02-00.000Z

Вы можете использовать scrollTop() в объекте window чтобы определить текущую позицию вертикальной прокрутки страницы.

if ($(window).scrollTop() <= 500) {
    // ...
}

Моя ошибка, я должен был написать 500 пикселей или МЕНЬШЕ сверху, вызывает прокрутку вниз, поэтому ваш ответ меняется с большего, чем на меньше, чем работает! Благодарю.
А, хорошо! Отредактировал мой ответ только для записи.