jquery - onClick 使用 jQuery .animate 转到页面底部

Question

我有一个表格，其中最后一列包含操作按钮，可在表格下方打开另一个部分。当该部分打开时，正文页面保留在按下操作列中的按钮的位置。我需要最好使用带有 .animate 的 jQuery，它将 .html 页面滚动到表格下打开的部分。

小提琴示例：http: //jsfiddle.net/Ksb2W/110/

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

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;
});​

Answer 2

这对我有用

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