Question

我正在制作一个div，在按下时会将用户发送到顶部，但滚动顺畅。我可以将它发送到顶部，但不能使用平滑滚动。

我的代码在

下面

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script>
      $(document).ready(function(){
            $('#footer a').click(function () {
            $('body,html').animate({scrollTop:0},1000);
      return false;
      };
      }

</script>

Answer 1

你在语法上犯了一些错误。试试这个：

$(document).ready(function() {
    $('#footer a').click(function(){
         $("html, body").animate({ scrollTop: 0 }, 1000);
         return false;
    });
});

scrollTop：0滚动到页面的最顶部，位于0px位置，1000表示动画的持续时间（以毫秒为单位）。较高的值表示较慢的动画。你也可以使用'fast'，'slow'或'normal'而不是毫秒。

Answer 2

我不确定你的代码为什么会起作用。您的代码缺少)和);。此外，我还没有测试过如此旧版本的jQuery。

请参阅：

$(document).ready(function() {
      $('#footer a').click(function () {
          $("body").animate({scrollTop:0},1000);
      });
});

http://jsfiddle.net/4SV75/

Answer 3

问题是你的javascript缺少一些右括号)。这是我使用的固定版本：

  $(document).ready(function(){
      $('#footer a').click(function (event) {
          $('body,html').animate({scrollTop:0},1000);
          event.preventDefault();
      });
  });

jsfiddle：http://jsfiddle.net/tAbqW/

它将您发送到顶部的原因很可能是您使用了href='#'，即使没有javascript也会将您发送到顶部。

光滑的滚动顶部不起作用

3 个答案: