Как прокрутить вниз анимацию в jquery css?

Question

В основном У меня есть a элемент, который по щелчку получить для выполнения:

<a href="#" class="hel" onclick="YPCP1_();">Scroll down</a> 

и

function YPCP_(){ 
    var scroll = $(window).scrollTop(); 
    window.scrollTo(0, 600); 
} 

Функция работает отлично и прокрутите вниз до 600 просто отлично. Проблема в том, что он прямо переходит в позицию 600, но я хочу, чтобы он скользил вниз. что-то вроде slide down and get to position 600 in 6sec.

Надежда, что не делают никаких недоразумений и заранее спасибо ('_')

Answer 1

Вы ищете метод JQuery одушевленные()().

Вы устанавливаете позицию scrollTop, которую хотите завершить, и время, необходимое для ее достижения. Что-то вроде этого:

$('.content').animate({ 
    scrollTop: "+=" + 600 
    }, 6000); 

Я сделал немного скрипку, так что вы можете проверить всю концепцию: https://jsfiddle.net/L6uuve70/10/