Javascript Jquery滚动到每个部分的顶部，按钮按下不起作用

我试图在按下按钮时设置滚动到每个部分的动画。我做了很多研究，发现了以下几点：

$('ul.nav').find('a').click(function () {
    var $href = $(this).attr('href');
     var $anchor = $('#' + $href).offset();
     $('body').animate({scrollTop: $anchor.top});
     return false;
 });

$('#nav ul li a').click(function(e) {

    // Get the href
    var $href = $(this).attr('href');

    // Animate only if the href contains the # character.
    if($href.substr(0,1) == "#"){}
      e.preventDefault();

      // Here, the # sign is already present.
      var $anchor = $($href).offset();
      $('body').animate({scrollTop: $anchor.top},1000);  // Set a delay here, in milliseconds.
    }
});

但它不起作用。它只是滚动而没有动画。谁能帮帮我吗

我的HTML代码：

<nav id="nav">
    <ul>
        <li class="current"><a href="index.php">Hlavní stránka</a></li>
        <li><a href="#rooms">Naše pokoje</a></li>
        <li><a href="#prizes">Ceník</a></li>
        <li><a href="#footer">Kontakt</a></li>
    </ul>
</nav>

您正在寻找的

$('#nav ul li a').click(function () {
    $('html, body').animate({
        scrollTop: $("#myDiv").offset().top
    }, 2000);
});

---

你刚才用错了选择器

试试这个：

$('ul.nav').find('a').click(function () {
    var $href = $(this).attr('href');
     var $anchor = $('#' + $href).offset();
     $('body').animate({scrollTop: $anchor.top});
     return false;
 });

$('#nav ul li a').click(function(e) {

    // Get the href
    var $href = $(this).attr('href');

    // Animate only if the href contains the # character.
    if($href.substr(0,1) == "#"){}
      e.preventDefault();

      // Here, the # sign is already present.
      var $anchor = $($href).offset();
      $('body').animate({scrollTop: $anchor.top},1000);  // Set a delay here, in milliseconds.
    }
});

我将使用而不是

返回false

编辑以关注第一个锚定，它看起来像是触发页面加载的“真实”链接。
非常感谢！