jquery - 动画滚动效果 jQuery 插件

Question

我使用了这个插件并去掉了一些不必要的代码，由于某些原因它在 FireFox 中不起作用。

原文来源：http ://djpate.com/2011/01/01/animated-scrollto-effect-jquery-plugin/

我的代码：

(function (a) {
a.fn.slideto = function (b) {
    var c = {
        slide_duration: "slow",
        offset: 0
    }, b = a.extend(c, b);
    return this.each(function () {
        var c = !1;
        obj = a(this), a("body").animate({
            scrollTop: obj.offset().top + b.offset
        })
    })
}
})($);

调用插件的代码：

$(document).ready(function(){
            $("#scroll").click(function(){
                $("#results").slideto();
            });
        });

Answer 1

问题是某些浏览器希望您滚动 html 而其他浏览器则希望您滚动正文。如果在Quirk 的模式下，他们甚至会改变这种期望。

您可以使用为您处理的jquery.scrollTo插件。

您需要包含插件，然后这样的事情会做：

$(document).ready(function(){
  $("#scroll").click(function() {
    $(window).scrollTo("#results", {duration:"slow", offset:0});
    return false;
  });
});

刚刚添加了您似乎感兴趣的设置，它提供了更多。

顺便说一句，您可能需要检查jquery.localScroll它位于 scrollTo 顶部并使您的链接根据锚点自动滚动（fe <a href="#results">）

干杯