Streaming live at 10am (PST)

Auto scroll page on iPad on load, possible?

Hi dear community, is there any way to scroll page to the very bottom on iPad automatically upon page load ?

We often do 100vh height welcome screens and the problem is that the standard desktop breakpoint is also shared by some of the iPads. It works perfect on the desktop but on an iPad because of the top toolbar in safari it creates a scroll bar and effectively my content in the bottom is not positioned the way I want it to be. If I scroll the page down then it’s great.

Example Welcome Orange

Works perfect on a laptop but on an iPad looks like this until I scroll the page down (logo sits right on the edge and it should have some space below)


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Still haven’t found any solution to this and can’t really think about anything…maybe a script to detect if device is iOS and then change the heigh to 95vh, but that feels like a crutch.

Ok this code helped me to implement auto scroll

<script>
$(document).ready(function(){
 
var userAgent = window.navigator.userAgent;

if (navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2) {

window.onload =function changeSize() {
    var el = document.getElementById("skygrass");
    el.style.height = "97.8VH";
}; 
}
else {}
});

</script>

<script>
$(document).ready(function(){
 
  
var userAgent = window.navigator.userAgent;

if (userAgent.match(/iPhone/i)) {

function autoScrolling() { window.scrollTo(0,document.body.scrollHeight); }
setInterval(autoScrolling, 1200); //delay in miliseconds

} else {}
});


</script>