滚动到下一个/上一个 div 不支持手动滚动

Question

目前，我正在尝试使用jQuery滚动构建一个网站。我的代码有效，但我的问题是使用我的代码，一旦您到达底部并手动向上滚动，向下按钮就会停止工作。如何让向下按钮工作，即使在手动滚动到顶部后？

我目前的 html 代码：

<div class="down">next post</div>
<div class="container">
     <div class="posts"></div>
     <div class="posts"></div>
     <div class="posts"></div>
     <div class="posts"></div>
     <div class="posts"></div>
</div>

和我的jquery代码：

var $currentElement = $('.posts').first();
$('.down').click(function() {
    var $nextElement = $currentElement.nextAll('.posts');
    if($nextElement.length) {
        $currentElement = $nextElement;
        $('html, body').stop(true).animate({
            scrollTop: $nextElement.offset().top
        }, 900, 'swing')
    }
    return false;
});

Answer 1

使用这个小提琴...

var currentElement = $('.posts').first();
$('.down').click(function() {
  var nextElement = currentElement.nextAll('.posts');
  console.log(nextElement);
  if(nextElement.length) {
      currentElement = nextElement;
      $('html, body').stop(true).animate({
          scrollTop: nextElement.offset().top
      }, 900, 'swing');
  }
  return false;
});