Question

实际上我使用以下代码滚动顶部

 var container = $('#items_suggession_right'), scrollTo = $(".selected");
         container.animate({scrollTop: scrollTo.offset().top - container.offset().top +
                       container.scrollTop()}, 0);

但我无法滚动设置In Bottom。请帮我使用jquery设置Bottom Scroll

Answer 1

您可以使用

var time = 0; // in milliseconds
$("html, body").animate({ scrollTop: $(document).height() }, time);.

您可以增加时间值，以提供更流畅和动画滚动到底部。

Answer 2

提供以下代码以滚动到页面底部。

container.animate({ scrollTop: $(document).height() }, 0);

Answer 3

$(document).on("click","#bottom",function() {
  var window_height = $(window).height();
    var document_height = $(document).height();
    $('html,body').animate({ scrollTop: window_height + document_height },1000);
});

希望它有所帮助！

Answer 4

$(document).ready(function() {

    $('#buttonID').click(function(){
        $('html, body').animate({scrollTop:$(document).height()}, 'slow');
        return false;
    });

});

只需使用此代码部分。

Answer 5

你可以使用：

$('html').animate({ scrollTop: $(document).height() }, 1000);

Answer 6

jsfiddle code updated for scroll to bottom

	$(document).ready(function() {
    $('html,body').animate({
          scrollTop: $('.testwrap').height()
      }, 800);
  });

.testwrap{
  width: 500px;
  height: 1000px;
  border: 2px dotted #c00;

}

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">           </script>


</head>
<body>
  <div class="testwrap"></div>
</body>
</html>

如何使用Jquery滚动底部？

6 个答案: