JQuery прокручивается до тех пор, пока элемент не достигнет вершины

Question

У меня есть стрелки в центре моих веб-страниц в конце разделов, и я был ими, чтобы пользователи могли прокручиваться до следующего раздела по щелчку. У меня есть следующий код, где первый клик работает, но последующие клики не прокручиваются, даже если функция вызывается каждый раз.

$('.scroll').on('click', function(event) { 
alert('scroll'); 
    $('html, body').animate({ 
     scrollTop: $(".scroll").offset().top 
    }, 1000); 
}); 

Может ли кто-нибудь помочь? https://jsfiddle.net/avL459sm/2/

Answer 1

Вы должны использовать текущий элемент .scroll, на который вы нажали.

Посмотрите на эту скрипку: https://jsfiddle.net/avL459sm/3/