Golang React JS Technology Blog

How to scroll page to 1000px from top on page load using jQuery?

Scroll to 1000 px from top 
$(document).ready(function () {
	$('html, body').animate({
		scrollTop: $("body").offset().top + 1000
	}, 2000);
});
Working Example 
<!DOCTYPE html>
<html lang="en">
   <head>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
      <script>
         $(document).ready(function () {
         	$('html, body').animate({
         		scrollTop: $("body").offset().top + 1000
         	}, 2000);
         });
      </script>
   </head>
   <body>
      <div id="div1" style="height: 5000px; width 100px">
         Test
      </div>
   </body>
</html>
Most Helpful This Week
Check if a string ends with the given target string Image Rollover Using onMouseOver and onMouseOut How to build simple tabs with jQuery? How to change text after click event using JavaScript? How to declare and print value of variable in JavaScript? jQuery Show or Hide text on button click