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
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.
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>Give the following code to scroll to bottom of page.
container.animate({ scrollTop: $(document).height() }, 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!
you can use :
$('html').animate({ scrollTop: $(document).height() }, 1000);
$(document).ready(function() {
$('#buttonID').click(function(){
$('html, body').animate({scrollTop:$(document).height()}, 'slow');
return false;
});
});
Simply use this code part.
