javascript - 是否有与 jQuery 的 scrollTo 等效的 YUI 2.x？

Question

我想创建一个动画来在单击 anchor 链接时平滑地滚动页面，就像 jQuery.ScrollTo 插件 (http://demos.flesler.com/jquery/scrollTo/) 那样。

我尝试使用 YUI 2.x 动画实用程序制作它，方法是为属性 document.activeElement.scrollTop 设置动画。它仅适用于 webkit :'( - 在其他浏览器上，没有任何反应 - 甚至没有引发错误。

goToAnchor = function(e, id) {
    var targetToGo = Dom.get(id),
        scrollToTarget = new Animation(document.activeElement,
            {
                scrollTop:
                {
                    from: document.activeElement.scrollTop,
                    to: targetToGo.offsetTop
                }
            },  1,  Easing.easeOut
        )
    Event.preventDefault(e);

    scrollToTarget.animate();
}

我想知道是否有一个插件可以为 YUI 2.x 执行此操作，或者如何使用跨浏览器兼容的代码来执行此操作。

谢谢!

Answer 1

您需要记住，根据浏览器的不同，您可能需要滚动 html 或 body 元素。

(实际上，您需要滚动两者才能确定)

也在 http://developer.yahoo.com/yui/animation/#scroll我明白了

var element = document.getElementById('test');
var myAnim = new YAHOO.util.Scroll(element, {
    scroll: {    
        to: [ 500, test.scrollTop ]
    } 
});
myAnim.animate();

也许这就是您要找的东西(您仍然需要为 html 和 body 制作动画)