scrollTo跳转到元素不滚动

我在执行scrollTo时遇到问题

<div id="container">    
        <section class="rcWrapper">
            <ul>
                <li class="slide" id="slide-1">1</li>
                <li class="slide" id="slide-2">2</li>
                <li class="slide" id="slide-3">3</li>
                <li class="slide" id="slide-4">4</li>
                <li class="slide" id="slide-5">5</li>
            </ul>
        </section>

        <nav id="navigation">
            <a href="#slide-1">slide-1</a>
            <a href="#slide-2">slide-2</a>
            <a href="#slide-3">slide-3</a>
            <a href="#slide-4">slide-4</a>
            <a href="#slide-5">slide-5</a>
        </nav>
    </div><!-- end of container -->

我可能遗漏了什么，但我看不见。任何人谢谢

。单击（函数（）{
   .click(function(){    
     $(window).animate({
        scrollTop: $('#slide-1').offset().top,
        // scrollLeft: $('#slide-1').offset().left
     }, 1000);
     return false; // <- don't forget about this line, because if it won't be there, browser will follow link.
   });

$（窗口）。设置动画({
scrollTop:$（'#slide-1'）.offset（）.top，
//向左滚动：$（“#幻灯片-1”）.offset（）.left
}, 1000);
返回false；//在不使用JS代码的情况下尝试

<div id="container">    
    <section class="rcWrapper">
        <ul>
            <li class="slide" id="slide-1">1</li>
            <li class="slide" id="slide-2">2</li>
            <li class="slide" id="slide-3">3</li>
            <li class="slide" id="slide-4">4</li>
            <li class="slide" id="slide-5">5</li>
        </ul>
    </section>

    <nav id="navigation">
        <a href="#slide-1">slide-1</a>
        <a href="#slide-2">slide-2</a>
        <a href="#slide-3">slide-3</a>
        <a href="#slide-4">slide-4</a>
        <a href="#slide-5">slide-5</a>
    </nav>
</div><!-- end of container -->



1
2
3
4
5


属性href=“id\u元素”

<div id="container">    
    <section class="rcWrapper">
        <ul>
            <li class="slide" id="slide-1">1</li>
            <li class="slide" id="slide-2">2</li>
            <li class="slide" id="slide-3">3</li>
            <li class="slide" id="slide-4">4</li>
            <li class="slide" id="slide-5">5</li>
        </ul>
    </section>

    <nav id="navigation">
        <a href="#slide-1">slide-1</a>
        <a href="#slide-2">slide-2</a>
        <a href="#slide-3">slide-3</a>
        <a href="#slide-4">slide-4</a>
        <a href="#slide-5">slide-5</a>
    </nav>
</div><!-- end of container -->