使用 jquery 移动到给定的 div

Question

在我的 html 中，我有给定 class 的 div。

单击按钮后，我想将 position 设置为该 div 的顶部。 它可能会顺利进行 go。 我怎样才能做到这一点？

感谢帮助

Answer 1

是的，看看这个： http://jsfiddle.net/AlienWebguy/JU3xj/5/

本质上，我们首先创建一个名为 scrollTo 的小插件：

jQuery.fn.extend({
    scrollTo : function(speed, easing) {
        return this.each(function() {
            var targetOffset = $(this).offset().top;
            $('html,body').animate({scrollTop: targetOffset}, speed, easing);
        });
    }
});

然后，让 html 滚动到 DOM 中的 position 非常简单：

$('div.whatever').scrollTo(300,'linear');

在该代码中， 300是持续时间 - 滚动发生所需的时间。 数字越大，速度越慢。 它以毫秒为单位，因此 1000 等于 1 秒。 linear是缓动。 对于其他类型的缓动，我建议包括JQueryUI - 看看他们的缓动选项。

Answer 2

一种方法是使用jQuery.ScrollTo 插件，它的工作方式与 AlienWebguy 的建议类似，但有一些额外的选项可能对您有用。