JQuery scrollTop函数不工作点击标签

时间:2016-10-16 08:35:41

标签: javascript jquery html css3

我希望当我点击某个标签时,我会将动画向下滚动到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;
      });
    });

1 个答案:

答案 0 :(得分:1)

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

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