动画scrollto效果jQuery插件

时间:2012-09-14 11:18:28

标签: jquery jquery-plugins

我使用这个插件并删除了一些不必要的代码,由于某些原因它在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();
            });
        });

1 个答案:

答案 0 :(得分:0)

问题是一些浏览器希望你滚动html和其他人的身体。 如果在Quirk's mode上,他们甚至会改变这种期望。

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

你需要包含插件,然后会这样:

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

刚刚添加了您感兴趣的设置,它提供了更多功能。

顺便说一下,您可能需要检查位于scrollTo顶部的jquery.localScroll,并根据主题自动滚动链接(fe&lt; a href =&#34;#results&#34;&gt;)< / p>

干杯