javascript - JQuery scrollTop 函数在单击标签时不起作用

Question

我想当我点击一个标签时它会向下滚动到 mydiv 我试过动画但是我的代码没有工作请检查这个并帮助我

<a id="myButton" >CLICK ME</a>
<div class="oneDiv">yyy</div>
<div id="mydiv">xxx</div>

.oneDiv {
    background-color:orange;
    height:800px;
    width:100%;
}
#mydiv {
    background-color:green;
    width:100%;
    height:200px;
}

$(function)(){
      $("#myButton").on("click", function(){
        $("html body").animate({"scrollTop":$("#mydiv").offset().top},1000);
        return false;
      });
    });

Answer 1

$(function)(){ 附近有语法错误 function 关键字后不应有任何右括号。以下代码正在运行。

$(function(){
  $("#myButton").on("click", function(){
    $("html body").animate({"scrollTop":$("#mydiv").offset().top},1000);
    return false;
  });
});