向下滚动按钮

Question

我已经创建了#scrolldownbutton来滚动到第一个组件，但我最初尝试做的是当点击按钮时页面在视口中滚动并停在部分可见组件上视图端口的底部，每次单击按钮时，按钮应显示在可见组件的顶部和视口的底部。

以下是我到目前为止所有人都可以提供帮助。

$(document).ready(function() {

    $("#scrollmorebutton").on("click", function() {

      console.log("scrollmorebutton was clicked");

  //jquery smooth scroll code here

      $('html, body').animate({

        scrollTop: $("h2:contains('New Programs')").offset().top

      }, 2000);

    });

});

Answer 1

可能不是你所要求的任何东西，因为我不完全确定我理解。但这里有一些example code

的小提琴

https://jsfiddle.net/cf3q2zo9/