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

mcm*_*hfy 7 html css jquery jquery-animate

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

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

如果有人可以帮助我.谢谢.

Tat*_*nit 16

演示 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>
Run Code Online (Sandbox Code Playgroud)

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

});?
Run Code Online (Sandbox Code Playgroud)

要么

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

  • 对于"hulk"id,你必须给出一个来自css的margin-top或者其他东西. (2认同)
  • @RulerNature yeps`:)`,如果css需要配合它,谢谢你 (2认同)