更新基本的jQuery腳本使用ScrollTo功能

Question

我有一個jQuery了slideDown /效果基本show演示在這裏：https://tinker.io/8e585/15

是否有可能，當我點擊「測試2」鏈接，視向下移動到的那部分頁面？那麼'測試2'會出現在窗口的頂部？

我曾嘗試過：$(window).scrollTop($('div#box2').offset().top)但在FF中遇到問題。

簡單解決方案的任何想法？

非常感謝:-)

Answer 1

試試這個：

$("#box2 h2").click(function() { 
    var $this = $(this); 
    $('html, body').animate({ 
     scrollTop: $this.offset().top 
    }, 1000); 

    return false; 

}); 

工作演示：https://tinker.io/8e585/16