Question

我有一个网站，我已经做到了，所以每个页面都在垂直下方/上方。在同一页上。我想在屏幕的顶部和底部放置一些箭头按钮，所以一旦你点击它就可以动画到它上面的div（如果你点击屏幕顶部的按钮）或动画到div在它下面（如果你按下底部的按钮。）

我在每个div上使用了一个最小高度为100％的类，目前有三个div。

我觉得这不应该太困难。如果你能帮助我，那就太好了。谢谢。

我做了一些小图片，以帮助更具描述性。应该给你一个完整的想法，我正在寻找。 ;）http://i45.tinypic.com/s49ugw.jpg

Answer 1

<script type="text/javascript">
$(function() {

    function scroll(direction) {

        var scroll, i,
                positions = [],
                here = $(window).scrollTop(),
                collection = $('.part');

        collection.each(function() {
            positions.push(parseInt($(this).offset()['top'],10));
        });

        for(i = 0; i < positions.length; i++) {
            if (direction == 'next' && positions[i] > here) { scroll = collection.get(i); break; }
            if (direction == 'prev' && i > 0 && positions[i] >= here) { scroll = collection.get(i-1); break; }
        }

        if (scroll) {
            $.scrollTo(scroll, {
                duration: 350       
            });
        }

        return false;
    }

    $("#next,#prev").click(function() {        
        return scroll($(this).attr('id'));        
    });

    $(".scrolltoanchor").click(function() {
        $.scrollTo($($(this).attr("href")), {
            duration: 350
        });
        return false;
    });

});
</script>

使用动画Jquery导航到当前div下方或上方的div？ JavaScript的？

1 个答案: