Maintain div scroll position while focusing to other controls inside Update Panel using jQuery in ASP.Net

Question

HiiiI want to maintain scrollbar position in updatepanelMy whole code inside the updatepanelMost of the controls have Autopostbacktrue to navigateSome dynamic gridview bind operationsIn a such case after every control operation i need to scroll againso i want to maintain scrollbar position

dharmendr · Accepted Answer

In the page Directive set the property MaintainScrollPositionOnPostback and checklt Page Language34C34 AutoEventWireup34true34 CodeFile34CSaspxcs34 Inherits34CS34 MaintainScrollPositionOnPostback  34true34 gtAlso refer the below articleASPNet MaintainScrollPositionOnPostback not working in Firefox and ChromeAs per your code what i saw is you are focusing to other control after postback thatrsquos why your scroll bar move to the topSo you need to add the below script in order to maintain the scrollbarjQueryltscript type34textjavascript34 src34httpsajaxgoogleapiscomajaxlibsjquery183jqueryminjs34gtltscriptgtltscript type34textjavascript34gt    documentreadyfunction          HTMLInputElementprototypescrollIntoView  function a  thisscrollIntoViewIfNeeded         HTMLSelectElementprototypescrollIntoView  function a  thisscrollIntoViewIfNeeded         HTMLAreaEl

Maintain div scroll position while focusing to other controls inside Update Panel using jQuery in ASP.Net

Maintain DIV scroll position for Scrollable GridView using jQuery inside ASP.Net AJAX UpdatePanel

Company

Explore

Follow us

Contact Us