跳转到下一节-Jquery

我在水平布局中工作，并尝试使用jquery在单击锚定时在html部分中导航。所以当点击跳转到下一节

我看到一些例子做相同的，但垂直

HTML代码：

上
下一个
关于内容

活动内容

服务内容

JS代码

功能位置（元素）{
如果（元素！==未定义）{
$（“#main.content container”）.scrollTo（元素，700{
保证金：对
});
}
}
$（函数（）{
var posts=$（“.panel”）；
var position=0；//开始位置
var next=$（“#next”）；
var prev=$（'#prev'）.hide（）；
下一步。单击（函数（evt）{
prev.show（）；
滚动位置（立柱[position+=1]）；
if（position==posts.length-1）{
next.hide（）；
}
});
上一次单击（功能（evt）{
next.show（）；
滚动位置（立柱[position-=1]）；
如果（位置===0）{
prev.hide（）；
}
});
});

---

我做错了什么？

您使用的方法不是jQuery方法，而是插件方法。您还没有包含任何插件，所以代码将在浏览器控制台中抛出错误，而不执行任何操作

在加载jQuery.js之后和代码之前包含插件文件

否则，在没有看到css的情况下，很难判断您可能会遇到哪些其他问题

这是一个基本的错误！！：）我认为scrollTo是一个jQuery方法！谢谢charlietfl；）

<div id="main">
    <div id="nav">
        <a id="prev" class="prev"> prev </a>
            <a id="next" class="next"> next </a>
        </div>
        <div class="content-container">
        <div class="content">
            <section id="about" class="panel">

                <p>About content</p>

            </section><!-- end about -->

            <section id="event" class="panel">

                <p>Event content</p>                

            </section><!-- end event -->

            <section id="services" class="panel">

                <p>Services content</p>

            </section><!-- end services -->

        </div><!-- end content -->

    </div><!-- end content-container -->
</div><!-- end main -->

<script src="jquery-1.6.min.js"></script>
<script type="text/javascript">

    function scrollToPosition(element) {
            if (element !== undefined) {
                $("#main.content-container").scrollTo(element, 700, {
                    margin: true
                });
            }
    }

    $(function() {

            var posts = $('.panel');
        var position = 0; //Start Position
            var next = $('#next');
            var prev = $('#prev').hide();

            next.click(function(evt) {

                prev.show();
                scrollToPosition(posts[position += 1]);
                if (position === posts.length - 1) {
                        next.hide();
                }
            });

            prev.click(function(evt) {
                next.show();
                scrollToPosition(posts[position -= 1]);
                if (position === 0) {
                        prev.hide();
                }
            });

    });
</script>