如何使用Javascript滚动到下一个div？

11 浏览
0 Comments

如何使用Javascript滚动到下一个div？

我正在制作一个具有许多占据100%高度的Div的网站。

我想要添加一个按钮，当点击时可以平滑滚动到下一个Div。

我编写了如下代码，当点击按钮时，它会滚动到指定的Div。

$(".next").click(function() {
    $('html,body').animate({
        scrollTop: $(".p2").offset().top},
        'slow');
});


body{
  margin: 0;
  height: 100%;
}
.p1{
  height: 100vh;
  width: 70%;
  background-color: #2196F3;
}
.p2{
  height: 100vh;
  width: 70%;
  background-color: #E91E63;
}
.p3{
  height: 100vh;
  width: 70%;
  background-color: #01579B;
}
.admin{
  background-color: #B71C1C;
  height: 100vh;
  position: fixed;
  right: 0%;
  top: 0%;
  width: 30%;
  float: left;
}

0