jquery - goToNext 动画

Question

我正在创建一个导航锚点的链接，但想为滚动添加动画

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

任何帮助将不胜感激！

Answer 1

对于动画滚动尝试 -

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>