0

アンカーをナビゲートするリンクを作成していますが、スクロールにアニメーションを追加したいと考えています

つまり...1000,'easeInOutExpo'

しかし、それを機能させる方法を理解できないようです。

元のコードは次のとおりです。

<a href="#" onclick="goToNext();return false;">===></a>


<script>
    var max = 5;

    function goToNext() {
        var hash = String(document.location.hash);
        if (hash && hash.indexOf(/box/)) {
            var newh = Number(hash.replace("#box",""));
            (newh > max-1) ? newh = 0 : void(null);
            document.location.hash = "#box" + String(newh+1); 
        } else {
            document.location.hash = "box1";        
        }
    }
</script>

どんな助けでも大歓迎です！

4

1 に答える 1

0

スクロールをアニメーション化するには -

http://www.sycha.com/jquery-smooth-scrolling-internal-anchor-links

アップデート：

これを試して...

<a href="#" onclick="goToNext();return false;">===></a>


<script>
    var max = 5;

    function goToNext() {
        var hash = String(document.location.hash);
        if (hash && hash.indexOf(/box/)) {
            var newh = Number(hash.replace("#box",""));
            (newh > max-1) ? newh = 0 : void(null);
            $('html,body').animate({scrollTop:$("#box" + String(newh+1)).offset().top}, 500);
        } else {
            $('html,body').animate({scrollTop:$("#box1").offset().top}, 500);
        }
    }
</script>
于 2012-11-16T21:21:44.280 に答える