Javascript 在js中平滑滚动时出现问题

我正在尝试使用js平滑滚动，但它不起作用。我的代码有什么问题吗。结构是这样的

HTML

---

你真的认为那里需要

eval

吗？另一方面，你是否记得包括jQuery，使用DOM就绪的处理程序，你是否尝试

$（'body，html'）。当并非所有浏览器都将滚动条附加到body元素时，对
$（'body'）
进行动画制作。尝试将
$（'body'）
替换为
$（'body，html'）
<ul class="nav">
                    <li><a target="main" id="main-nav">Home</a></li>
                    <li><a target="club" id="club-nav">Club</a></li>
                    <li><a target="contact" id="contact-nav">Contact</a></li>
                    <li><a target="about" id="about-nav">About</a></li>
</ul>
<div class="wrap">
  <div id="main"></div>
  <div id="about"></div>
  <div id="contact"></div>
  <div id="updates"></div>
</div>

$('#main-nav').click(function() {
    $('body').animate({
        scrollTop: eval($('#' + $(this).attr('target')).offset().top - 70)
    }, 1000);
});

$('#club-nav').click(function() {
    $('body').animate({
        scrollTop: eval($('#' + $(this).attr('target')).offset().top - 70)
    }, 1000);
});