본문 바로가기
  • AI (Artificial Intelligence)
Fundamental/Management

[Web] 포스트백 후 스크롤위치 되돌리기

by 로샤스 2014. 12. 24.

사용자가 값 변경시 페이지에 바로 반영해야할경우

postback 옵션으로 페이지를 새로고침하는데
이게 페이지를 새로 불러오는 개념이라 스크롤 위치가 항상 맨위로 돌아가버린다.

페이지 내용이 별로 없으면 상관이 없는데 페이지 길이가 상당히 긴 경우에는 
사용자 입장에서 정말로 귀찮은 일이 아닐수 없다.

해결법은 해당 aspx파일의 맨위에 아래 구문을 넣어두면 된다.

<%@ Page Language="C#" AutoEventWireup="true" ... MaintainScrollPositionOnPostback="true" %>  

해결끝....?

이라고생각했지만 아무리해도 크롬에서는 작동이안되는데...
검색결과 찾아낸 해결방법은 아래와같다.

To support the scroll position capability in Chrome, you need to follow the steps given below:
  1. Add the following line of code in the Page_Load of the page for which you want to maintain the scroll position.
    this.MaintainScrollPositionOnPostBack = true;
  2. Right click on the project.
  3. Click on “Add” -> “Add New Item”.
  4. In the “Add New Item” window, select “Browser File” and click “Add”.
  5. Application will ask you to place this file in “App_Browsers” folder, click “Yes”
  6. Now add the capability of maintaining the scroll position as follows:
    <browsers>
    <browser refID="Safari1Plus">
    <capabilities>
    <capability name="supportsMaintainScrollPositionOnPostback" value="true" />
    </capabilities>
    </browser>
    </browsers>

 

 

 

 

 

 

 

 

 

 출처 : http://egloos.zum.com/bangley/v/5753731
            http://www.codeproject.com/Tips/207917/Maintain-Scroll-Position-Problem-fix-for-Chrome
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

댓글