How to maintain page scroll position after a page postback in asp.net [duplicate]

前端未结

关注

 11  1586

梦谈多话

相关标签:

11条回答

我寻月下人不归

2020-12-16 22:27
If the post back is caused by a button, you can try this:
```
ScriptManager.GetCurrent(Page).RegisterAsyncPostBackControl(button);
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

你的背包

2020-12-16 22:28

@{
    
}

<html>

<head>
<script type="text/javascript">

window.onload = function () {
   var div = document.getElementById("dvScroll");
   var div_position = document.getElementById("div_position");
    var position = parseInt(@Request.Form("div_position"));
    if (isNaN(position)) {
        position = 0;
    }

    div.scrollTop = position;
    div.onscroll = function () {
        div_position.value = div.scrollTop;
    };
};

</script>
</head>

<body>

<div id="dvScroll" style="overflow-y: scroll; height: 260px; width: 300px">
    1. This is a sample text
    <br />
    2. This is a sample text
    <br />
    3. This is a sample text
    <br />
    4. This is a sample text
    <br />
    5. This is a sample text
    <br />
    6. This is a sample text
    <br />
    7. This is a sample text
    <br />
    8. This is a sample text
    <br />
    9. This is a sample text
    <br />
    10. This is a sample text
    <br />
    11. This is a sample text
    <br />
    12. This is a sample text
    <br />
    13. This is a sample text
    <br />
    14. This is a sample text
    <br />
    15. This is a sample text
    <br />
    16. This is a sample text
    <br />
    17. This is a sample text
    <br />
    18. This is a sample text
    <br />
    19. This is a sample text
    <br />
    20. This is a sample text
    <br />
    21. This is a sample text
    <br />
    22. This is a sample text
    <br />
    23. This is a sample text
    <br />
    24. This is a sample text
    <br />
    25. This is a sample text
    <br />
</div>

<hr />
<form method="post">
<input type="hidden" id="div_position" name="div_position" />
<input type="submit" value="Cool" />
</form> 
</body>
</html>

You can use this to maintain scroll Position after postback.

Source: http://www.aspsnippets.com/Articles/Maintain-Scroll-Position-of-DIV-on-PostBack-in-ASPNet.aspx

0 讨论(0)

耶瑟儿～

2020-12-16 22:29
Try the following code on your design page..It works fine for me..
```
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="frmName.aspx.vb" Inherits="frmName" MaintainScrollPositionOnPostBack = "true" %>
```
0 讨论(0)
发布评论:

提交评论
- 加载中...
北荒

2020-12-16 22:36

The MaintainScrollPositionOnPostback only works in IE. To do this you can either roll your own client script or use anchor links on different sections of your page/form.

Similar questions here:

MaintainScrollPositionOnPostback is not working - how to debug?

MaintainScrollPositionOnPostback not working with javascript:__doPostBack

maintainScrollPositionOnPostback="true" does not work globally after setting in web.config ,but works in page level,what should I do?

0 讨论(0)
发布评论:

提交评论
- 加载中...
逝去的感伤

2020-12-16 22:36
There are answers all over the net to this problem, and personally none of them worked, as for me Firefox would attempt to recover the previous scroll position (wrongly), trigger the window.scroll event, which would overwrite my hidden field with its wrong position, which my scrollTo would then read. (I have gridviews coming from postbacks followed by automatic collapsing of some rows.)

So here's yet another solution to this problem - I decided I only want to recover the scroll position after a submit, not a refresh, so this was adequate:

ASPX page:
```
<form runat="server" onsubmit="$('#hfScroll').val($(window).scrollTop()); return true;">
    <input type="hidden" id="hfScroll" value="0" />
```
Javascript:
```
function restoreScroll()
{
    var position = parseInt($('#hfScroll').val());
    if (!isNaN(position)) {
        $(document).scrollTop(position);
    }
};
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_pageLoaded(restoreScroll);
```
For some reason, on browser refresh my hidden input is not reset to zero, so this does behave odd sometimes. I would love to know what's doing this, I think it is Firefox as it doesn't happen on IE, but life's too short [he says...having downloaded half the internet and spent hours on this..].
0 讨论(0)
发布评论:

提交评论
- 加载中...

上一页 1 2

热议问题