AJAX 업데이트 패널 스크롤 막대 문제
-
05-07-2019 - |
문제
내부에 데이터리스트가있는 업데이트 패널이 하나 있습니다.
이 업데이트 패널은 1 초마다 트리거하여 DB에서 데이터를 검색합니다.
이 업데이트 패널을 수직 스크롤 활성화 DIV 태그 내부에 보관했습니다.
그러나 새 데이터를 얻을 때 스크롤 막대가 자동으로 조정되지 않습니다 !!!
유지 관리를 시도했지만 작동하지 않습니다.
UpdatePanel 트리거 후 스크롤 막대를 원래 위치로 유지할 수있는 옵션이 있습니까?
해결책
다음은 JavaScript를 피하는 것을 선호하는 것입니다. 각각의 새로 고침/업데이트 각각 스크롤 위치를 조정해야합니다 ...
아래와 같은 페이지를 설계했을 것 같아요
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional/Always">
<ContentTemplate>
<div style="height: 400px/300px; overflow-y:scroll;">
<asp:DataList ID="DataList1" runat="server">
....
</asp:DataList>
</div>
</ContentTemplate>
</asp:UpdatePanel>
이와 같은 것을 스크롤 문제를 처리해야합니다.
<div style="height: 400px/300px; overflow-y:scroll;">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional/Always">
<ContentTemplate>
<asp:DataList ID="DataList1" runat="server">
....
</asp:DataList>
</ContentTemplate>
</asp:UpdatePanel>
</div>
다른 팁
이것을 시도하십시오 :
<script>
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_beginRequest(function(){
window.dTop = document.getElementById('divIdHere').scrollTop;
});
prm.add_endRequest(function(){
setTimeout(function(){
document.getElementById('divIdHere').scrollTop = window.dTop;
},100);
});
</script>
제휴하지 않습니다 StackOverflow