Team Site Scroll down middle of the page on load

Question

There is a requirement of Team Site Scroll down middle of the page on load. How to achieve this ?

Under document.ready function of jquery is prefered.

Answer 1

Hi @SGH ,
Office 365 page is always at scrollTop:0 position.
You will see in the office 365 page that scrolling appears after ribbon gets over. Scrolling doesn't apply for whole page, instead it applies to specific div. While other sites don't have similar scenario and they works with your code.
so If you see in browser developer tool #s4-workspace is the specific element which has scrolling. So what your script does is move to middle window, which is already at top. We can scroll to middle window using following js code by adjust y-axis.

	<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>  
	<script>  
		$(document).ready(function() {  
			ExecuteOrDelayUntilScriptLoaded(scrollWin,"sp.js");			  
		});  
		  
		function scrollWin() {  
			$('#s4-workspace').animate({ scrollTop: 500}, 'slow');  
			  
		}  
	</script>  

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

---

Answer 2

Hi @SGH ,
In modern page, the function should be used to the element $('.is_an_ada2ac09'). The code should be like following

     $(document).ready(function() {  
         setTimeout(scrollWin, 0);              
     });  
          
     function scrollWin() {  
         $('.is_an_ada2ac09').animate({ scrollTop: 500}, 'slow');      
     }