0

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

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

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

我做了一张小图片，以帮助更具描述性。应该让您对我正在寻找的东西有一个完整的想法。;) http://i45.tinypic.com/s49ugw.jpg

4

1 回答 1

0 
<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>
于 2012-10-08T17:57:05.950 回答