javascript - 更新基本 jQuery 脚本以使用 ScrollTo 函数

Question

我在这里有一个 jQuery SlideDown/SlideUp 演示：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