; JQuery: анимированная страница вниз 100px от текущей позиции экрана

Мне нужно оживить свиток из текущей позиции экрана, спустив определенное количество пикселей.

    $('html,body').animate({
        scrollTop: $(window).position().top += 100
    });

или

    $('html,body').animate({
        scrollTop: '+=100px'
    });

Ответы

Ответ 1

Просто измените:

scrollTop: $('body').position().top += 100

Для этого:

scrollTop: $(window).scrollTop() + 100

Смотрите демонстрацию: http://jsfiddle.net/fpxuC/

Ответ 2

Проверьте плагин jQuery.ScrollTo. Вы можете сделать что-то вроде: $(...).scrollTo( '+=100px', 800 );

Проверьте образец для всего, что может сделать этот плагин: http://demos.flesler.com/jquery/scrollTo/

Ответ 3

$('html,body').animate({
        scrollTop: $(window).position().top += 100
    })

$('html,body').animate({
        scrollTop: '+=100px'
    })

scrollTop: $('body').position().top += 100

scrollTop: $(window).scrollTop() + 100