JQuery: прокрутите страницу вниз с установленным шагом (в пикселях) при нажатии?

Я пытаюсь сделать прокрутку страницы вниз на 150 пикселей от текущей позиции при щелчке элемента. Так что скажем, вы примерно на полпути прокручивали страницу. Вы нажмете эту ссылку, и она сдвинет вас на 150 пикселей.

Возможно ли это с помощью jQuery?

Я смотрю на scrollTop и плагин scrollTo, но я не могу подключить точки.

Ответы

Ответ 1

var y = $(window).scrollTop();  //your current y position on the page
$(window).scrollTop(y+150);

Ответ 2

Просто проверьте это:

$(document).ready(function() {
    $(".scroll").click(function(event){
        $('html, body').animate({scrollTop: '+=150px'}, 800);
    });
});

Это приведет к тому, что скроллер будет прокручиваться с текущей позиции, когда ваш элемент будет нажат

И 150px используется для прокрутки для 150px вниз

Ответ 3

Вы можете сделать это с помощью animate, как показано в следующей ссылке:

http://blog.freelancer-id.com/index.php/2009/03/26/scroll-window-smoothly-in-jquery

Если вы хотите сделать это с помощью плагина scrollTo, посмотрите на следующее:

Как прокрутить окно с помощью функции JQuery $.scrollTo()

Ответ 4

Возможно, вы можете последовать за тем, что плагин scrollTo от Ариэля Флеслера действительно работает.

http://demos.flesler.com/jquery/scrollTo/

Ответ 5

Обновленная версия решения HCD, которая позволяет избежать конфликтов:

var y = $j(window).scrollTop(); 
$j("html, body").animate({ scrollTop: y + $j(window).height() }, 600);