Are there any best practices to maintain scroll position on a webpage after a refresh using PHP?

When a webpage is refreshed, the scroll position is typically reset to the top of the page. To maintain the scroll position after a refresh, you can use JavaScript to store the current scroll position in a cookie or localStorage before the refresh, and then scroll to that position after the page reloads. 

<?php
// Check if the scroll position is set in the cookie or localStorage
if(isset($_COOKIE['scroll_position'])) {
    echo '<script>window.onload = function() { window.scrollTo(0, ' . $_COOKIE['scroll_position'] . '); }</script>';
}

// Add JavaScript to store the scroll position in a cookie or localStorage before the page is refreshed
echo '<script>window.onbeforeunload = function() { document.cookie = "scroll_position=" + window.scrollY; }</script>';
?>

Keywords

PHP scroll position webpage refresh maintain

Related Questions