Javascript 滚动到下一个divjquery

我正在做这个

正如你所看到的，在底部中间有一个

箭头

，我现在还没能让它滚动到下一节

您可以通过正常滚动查看下一个项目，但我想在

箭头上激活它

这是标记：

<a id="arrow-down" href="#" onclick="javascript:void(0);"></a>

知道我做错了什么吗？或者我如何实现它？
试试以下方法：

<a id="btn" href="#" ></a>

我发现你在错误的地方添加了必需的JS。（目前在线：根据源代码视图为562）



将这些js包含添加到页面顶部。它应该在线：至少60
 如果我在
div#2
，滚动到
div#3
？我不认为这会起作用…假设我点击了两次按钮（所以现在我将进入第二个div），然后使用滚动条手动向上滚动到顶部。如果我再次单击按钮，它将显示第三个分区：（现在查看我的帖子：）：）您可以使用锚点来实现滚动到特定位置
<a id="btn" href="#" ></a>

$window = $(window);
        $window.scroll(function () {
            if ($window.scrollTop() >= 0 && $window.scrollTop() < 1000) {
                $("#btn").attr("href", "#div1");
            } else if ($window.scrollTop() >= 1000 && $window.scrollTop() < 2000) {
                $("#btn").attr("href", "#div2");
            } else if ($window.scrollTop() >= 2000 && $window.scrollTop() < 3000) {
                $("#btn").attr("href", "#div3");
            } else if ($window.scrollTop() >= 3000 && $window.scrollTop() < 4000) {
                $("#btn").attr("href", "#div4");
            } else if ($window.scrollTop() >= 4000) {
                $("#btn").attr("href", "#div5");
            }
        });


        $("#btn").click(function () {

            var div = $("#btn")[0].hash;
            var lastChar = div[div.length - 1];
            lastChar++;
            $("#btn").attr("href", "#div" + lastChar + "");
        });

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://archcase.com/wp-content/themes/archcase/js/jquery.mousewheel.js"></script><!-- the mousewheel plugin -->
<script type="text/javascript" src="http://archcase.com/wp-content/themes/archcase/js/jquery.jscrollpane.min.js"></script><!-- the jScrollPane script -->
<script type="text/javascript" src="http://archcase.com/wp-content/themes/archcase/custom_templates_css/Mullion/js/skrollr.js"></script>
<script type="text/javascript" src="http://archcase.com/wp-content/themes/archcase/custom_templates_css/Mullion/js/plugin.js"></script>
<script type="text/javascript" src="http://archcase.com/wp-content/themes/archcase/custom_templates_css/Mullion/js/main.js"></script>