How can I retain the scroll position of a scrollable area when pressing back button?

How can I retain the scroll position of a scrollable area when pressing back button?

7 Answers. During page unload, get the scroll position and store it in local storage. Then during page load, check local storage and set that scroll position.

How do you maintain the scroll position?

1. You can set Page. MaintainScrollPositionOnPostBack = true; in the code behind on page load.
2. You can add it to the page declaration <%@ Page MaintainScrollPositionOnPostback=”true” %>
3. You can add it in the web config file

How can we maintain scroll position on postback in asp net?

There are many ways we can maintain scroll position after postback in asp.net. we can add below line on Page directive for a single page to maintain the previous scroll position when post back is fired. We can add below code in web. config file for set all page scroll position maintain.

How do I remember scroll position in HTML?

$(document). ready(function() { // If cookie is set, scroll to the position saved in the cookie. if ( $. cookie(“scroll”) !==

What is MaintainScrollPositionOnPostBack?

On long Web pages, this means that the user has to scroll the page back to the last position on the page. When the MaintainScrollPositionOnPostBack property is set to true , the user is instead returned to the last position on the page.

How do you make things not scroll in Figma?

Select the frame in the canvas. Open the Prototype panel in the right sidebar. Update the overflow behavior, choose from: No Scrolling.

How do I get the current scroll position in react?

import React, { useState, useEffect } from ‘react’; // inside component: const [scrollPosition, setScrollPosition] = useState(0); const handleScroll = () => { const position = window. pageYOffset; setScrollPosition(position); }; useEffect(() => { window.

How can I retain the scroll position of a..?

During page unload, get the scroll position and store it in local storage. Then during page load, check local storage and set that scroll position. Assuming you have a div element with id element. In case it’s for the page, please change the selector 🙂

Where does the browser scroll when pressing the back button?

Each time when a user click on a link then click the back button, it starts at the very top of the div. It is not user friendly to our users. Any ways to let the browser scroll to the previous position when pressing the back button? Thank you very much! During page unload, get the scroll position and store it in local storage.

Where does the scroll position go during page unload?

During page unload, get the scroll position and store it in local storage. Then during page load, check local storage and set that scroll position. Assuming you have a div element with id element.

How is the scroll position of a Div restored?

Following a press of the Back button, on the document ready event, the scroll position of the div is restored to the value retrieved from the history.state object. This solution should work for the reverse navigation of an arbitrarily long chain of links.