使用jQuery.animate实现点击跳转到页面底部

Question

我有一个表格，最后一列包含操作按钮，这些按钮会在表格下方打开另一个部分。当该部分打开时，页面仍停留在按下操作列中的按钮所在位置。我需要使用jQuery，最好是使用.animate()函数，使页面滚动到表格下方已打开的部分。

fiddle示例：http://jsfiddle.net/Ksb2W/110/

如果有人可以帮我解决这个问题。 谢谢。

- mcmwhfy

---

“to that opened section under the table.”的意思是什么？在哪里？ - Blaster

在我的fiddle上，关于操作按钮什么也没有。 - mcmwhfy

Answer 1

示例 http://jsfiddle.net/h4ZQR/ 或者 http://jsfiddle.net/byRRY/

优秀的API：http://api.jquery.com/scrollTop/

请注意：您可以使用.animate({scrollTop: $("#whateverdiv").offset().top});来跳转到页面的特定部分。

希望这能有所帮助。

HTML

<a href="#bottom" id="hulk">Click me to go to bottom</a>

代码

$("#hulk").click(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, "slow");

});​

或者

$("a[href='#bottom']").click(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, "slow");
  return false;
});​

- Tats_innit

---

对于"hulk"的ID，您必须从CSS中提供margin-top或其他内容。 - RulerNature

@RulerNature 是的 :) ，如果需要附带 CSS，请感谢。 - Tats_innit

Answer 2

这对我有用

$("document").ready(function() {
        $("#button").click(function() {
            $("html, body").animate({
                    scrollTop: innerHeight,
                },
                "slow"
            );
            return false;
        });
    });

- W.S.D.Fernando