滾動到下一個div jQuery

Question

我正在此頁面上

如您所見，在底部的中間，有一個arrow ，現在我還無法使其滾動到下一部分。

您可以通過正常滾動查看下一個項目，但是我也想在arrow上激活它。

這是標記：

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

這是我嘗試過的：

    $('#arrow-down').on('click', function () {
        var ele = $(this).closest("div").find(".project.skrollable");
        // this will search within the section
        $("html, body").animate({
             scrollTop: $(ele).offset().top
        }, 100);
        return false;
    });

有什么想法我做錯了嗎？ 或如何實現？

Answer 1

嘗試這個：

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

將div Id賦予<a> href

$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 + "");
        });

DEMO

Answer 2

我發現您，您在錯誤的位置添加了必需的JS。 （當前在線：根據源代碼視圖為562）

<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>

將這些js包括在內添加到頁面頂部。 至少應該在線：60。