使用 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 的建議類似，但有一些額外的選項可能對您有用。