0

私は Web サイトを持っていて、各ページが上下に垂直になるように作成しました。同じぺージに。画面の上部と下部にいくつかの矢印ボタンを配置したいので、クリックすると、その上のdivまでアニメーション化するか（画面上部のボタンを押すと）、divにアニメーション化しますその下（一番下のボタンを押すと。）

各 div で min-height 100% のクラスを使用しており、現在 3 つの 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 に答える