用单个'；按钮'；jquery

我有一套全宽/高的div，在浏览器窗口底部有一个“按钮”，可以向下滑动到下一个div

基本的HTML是

<main>
    <div class="a">
      <div class="inner">
        <div class="inner"><a href="" class="down"></a></div>
      </div>
    </div>
    <div class="b">
      <div class="inner">
        <div class="inner"><a href="" class="down"></a></div>
      </div>
    </div>
    <div class="c">
      <div class="inner">
        <div class="inner"><a href="" class="down"></a></div>
      </div>
    </div>
    <div class="d">
      <div class="inner">
      </div>
    </div>
</main>

如何编辑jQuery，使每个.down都能向上滚动它

提前谢谢

编辑：

此时，jQuery在单击“a”中的“down”时通过设置HTML的动画“body up”来设置“b”向上的动画。但我需要它每次都向上滚动到下一个div

因此，单击“b”中的“向下”将把页面向上滚动到“c”的顶部，单击“c”中的“向下”将把页面向上滚动到“d”的顶部

这样会更清楚吗？

试试看

$('.down').click(
   function (e) {
     var idx = $(this).parentsUntil('main').last().index();
     $('html, body').animate({scrollTop: $('main > div').eq(idx).scrollTop()}, 560);
   }
);

试试这个

$('.down').click(
   function (e) {
       var $elem= $(this).closest('.inner');

     $('html, body').animate({scrollTop: $elem.offset().top+$elem.height()}, 560);
   }
);

---

这样每个.down都会向上滚动它？

对我来说毫无意义。。。你能再解释一下吗？如果我没听错的话，每个

.internal

都有相同的高度，你可以在单击时将scrolltop设置为该高度。在任何情况下，该位置都是第一个div的底部。您必须将高度与该位置相加或相乘。他的意思是每次单击

。down

滚动条向上滚动

$('.down').click(
   function (e) {
       var $elem= $(this).closest('.inner');

     $('html, body').animate({scrollTop: $elem.offset().top+$elem.height()}, 560);
   }
);