How to Scroll Bottom using Jquery?

Question

Actually i am using following code to scroll on top

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

But i cant able to Scroll set In Bottom. Please Help me to Set Bottom Scroll using jquery

Possible duplicate of [jQuery Scroll to bottom of page/iframe](https://stackoverflow.com/questions/1890995/jquery-scroll-to-bottom-of-page-iframe) — fen1x, Dec 28 '17 at 06:51

score 1 · Answer 1 · answered Dec 28 '17 at 06:53

1

You can use

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

You can increase the time value to provide smoother and animated scroll to bottom.

answered Dec 28 '17 at 06:53

Ankit Agarwal

30,378
5
37
62

score 0 · Answer 2 · answered Dec 28 '17 at 06:54

0

Give the following code to scroll to bottom of page.

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

answered Dec 28 '17 at 06:54

kmg

499
3
16

score 0 · Answer 3 · edited Dec 28 '17 at 08:24

0

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

Hope it helps!

edited Dec 28 '17 at 08:24

kvorobiev

5,012
4
29
35

answered Dec 28 '17 at 07:15

Kishor Velayutham

818
6
18

Gayashan Perera · Answer 4 · 2017-12-28T09:55:51.937

0

$(document).ready(function() {

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

});

Simply use this code part.

edited Dec 28 '17 at 09:55

answered Dec 28 '17 at 07:18

Gayashan Perera

661
7
12

Welcome to Stack Overflow! Although this code may help to solve the problem, it doesn't explain why and/or how it answers the question. Providing this additional context would significantly improve its long-term educational value. Please edit your answer to add explanation, including what limitations and assumptions apply. – рüффп Dec 28 '17 at 09:40

Mahesh Sharma · Answer 5 · 2017-12-28T09:55:20.427

0

you can use :

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

edited Dec 28 '17 at 09:55

answered Dec 28 '17 at 07:19

Mahesh Sharma

73
1
5

Sneha Shinde · Accepted Answer · 2017-12-28T09:35:51.967

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>

How to Scroll Bottom using Jquery?

6 Answers6