如何使用JQuery滚动到元素？

我希望页面滚动到页面顶部的div。我在页面的其他部分有按钮，但是当我滚动到底部并单击该按钮时，此按钮不起作用，它没有转到页面的顶部。这是CodePen：https：//codepen.io/Filizof/pen/xygWyp ？ editors = 1010

$(document).ready(function() {
$("#btn1").click(function() {
$("body").scrollTo("#menudiv");
});
});

MWD.. 7

Javascript解答：

如果您想使用“纯Javascript”顺利滚动到某个元素，则可以执行以下操作：

document.querySelector('#menudiv').scrollIntoView({
  behavior: 'smooth' 
});

例如：https：//codepen.io/anon/pen/OBzbdY

注意：有关最新的浏览器支持，请参阅https://caniuse.com/#feat=scrollintoview。

JQUERY解答：

如果您想使用“ jquery”平滑滚动到某个元素，则可以执行以下操作：

$(document).ready(function() {
  $("#btn1").click(function() {
    $("body,html").animate(
      {
        scrollTop: $("#menudiv").offset().top
      },
      800 //speed
    );
  });
});

例如：https：//codepen.io/anon/pen/MPrJjo

Javascript解答：

如果您想使用“纯Javascript”顺利滚动到某个元素，则可以执行以下操作：

document.querySelector('#menudiv').scrollIntoView({
  behavior: 'smooth' 
});

例如：https：//codepen.io/anon/pen/OBzbdY

注意：有关最新的浏览器支持，请参阅https://caniuse.com/#feat=scrollintoview。

JQUERY解答：

如果您想使用“ jquery”平滑滚动到某个元素，则可以执行以下操作：

$(document).ready(function() {
  $("#btn1").click(function() {
    $("body,html").animate(
      {
        scrollTop: $("#menudiv").offset().top
      },
      800 //speed
    );
  });
});

例如：https：//codepen.io/anon/pen/MPrJjo