blocks|key|2606965|text|我最近也在找这个。想出了要插入的大量Javascript，直到我发现以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2606966|在.aspx代码文件的顶部插入以下内容：|2606967|+MaintainScrollPositionOnPostback="true"|code-block|syntax|javascript|2606968|所以你的.aspx中的第一句话就开始了|2606969|<%25@+Page+Language="C#"+MaintainScrollPositionOnPostback="true"+AutoEventWireup="true"+CodeBehind="Default.aspx.cs"|2606970|这对我来说很好，不需要添加任何其他代码来使用updatepanels来保持滚动条的位置。|2606971|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I've recently looked for this as well. Came up with a load of Javascript to be inserted until I found the following:

At the top of your .aspx codefile, insert the following:

<pre><code> MaintainScrollPositionOnPostback="true"
</code></pre>

so the very first sentence in your .aspx starts

<pre><code>&lt;%@ Page Language="C#" MaintainScrollPositionOnPostback="true" AutoEventWireup="true" CodeBehind="Default.aspx.cs"
</code></pre>

This works just fine for me without having to add any other code for keeping scrollbar positions using updatepanels

blocks|key|1050661|text|我曾经用过几种方法来设置maintainScrollPositionOnPostBack。你试过不止一次吗？您能描述是什么触发了回发吗?您测试了哪些浏览器？你在使用母版页吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1050662|您可以在页面加载时在后面的代码中设置Page.MaintainScrollPositionOnPostBack+=+true;。|ordered-list-item|offset|length|style|CODE|1050663|可以将其添加到页面声明<%25@+Page+MaintainScrollPositionOnPostback="true"+%25>中。|1050664|可以将其添加到web配置文件<pages+maintainScrollPositionOnPostBack="true"+/>中。|1050665|entityMap^0|0|I|19|0|B|1F|0|E|1D|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@$E|Q|F|R|G|H]]|9|@]|A|$]]|$1|I|3|J|5|D|7|S|8|@$E|T|F|U|G|H]]|9|@]|A|$]]|$1|K|3|L|5|D|7|V|8|@$E|W|F|X|G|H]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|N|$]]

There are a few ways I have used to set maintainScrollPositionOnPostBack. Have you tried more than one? Can you describe what is triggering the postback and which browsers you have tested? Are you using a master page?

<ol>
<li>You can set <code>Page.MaintainScrollPositionOnPostBack = true;</code> in the code behind on page load.</li>
<li>You can add it to the page declaration <code>&lt;%@ Page MaintainScrollPositionOnPostback="true" %&gt;</code></li>
<li>You can add it in the web config file <code>&lt;pages maintainScrollPositionOnPostBack="true" /&gt;</code></li>
</ol>

blocks|key|2248147|text|当页面回发时，可以将.Focus()设置为特定的服务器控件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2248148|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You can set .Focus() onto a specific server control when your page posts back.

blocks|key|1050686|text|你在用谷歌Chrome来测试吗？我也遇到了同样的问题，但我开始在IE和Firefox上进行测试，而且它正在工作。我不认为Chrome支持这个属性。这也可能是.NET+Framework3.5问题。它可能是在.NET+4.0中修复的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1050687|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Are you using Google Chrome to test? I was having the same issue but started testing in IE and Firefox and it was working. I don't think Chrome supports this property. It might be a .NET Framework 3.5 issue also. It is probably fixed in .NET 4.0

blocks|key|1050880|text|对我来说最好的解决方案是用更新面板包装有问题的控件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1050881|<asp:UpdatePanel+runat="server"+id="UpdatePanel"+updatemode="Conditional">
<ContentTemplate>
dropdown+controls+that+cause+postback+etc..
</ContentTemplate>
</asp:UpdatePanel>|code-block|syntax|javascript|1050882|当然，你也需要|1050883|<asp:ScriptManager+ID="ScriptManager1"+runat="server"+/>|1050884|存在于网站的主要形式中。|1050885|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Best solution for me, was to wrap the problematic controls with an update panel

<pre><code>&lt;asp:UpdatePanel runat="server" id="UpdatePanel" updatemode="Conditional"&gt;
&lt;ContentTemplate&gt;
dropdown controls that cause postback etc..
&lt;/ContentTemplate&gt;
&lt;/asp:UpdatePanel&gt;
</code></pre>

ofcourse, you also need the 

<pre><code>&lt;asp:ScriptManager ID="ScriptManager1" runat="server" /&gt;
</code></pre>

to be present inside the main form of the site.

blocks|key|2248164|text|如果你有一个特定的锚，你想要移动，你可以做一些事情，如所描述的这里。否则，您必须使用javascript，找出您离顶部有多远，将其保存在隐藏的字段或cookie中，并在页面加载后重置视图。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2248165|entityMap|0|LINK|mutability|MUTABLE|url|http://forums.asp.net/t/1311972.aspx/1?Move%2Bto%2Banchor%2Bafter%2Bpostback^0|V|2|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you have a specific anchor you want to move to you could do something like described <a href="http://forums.asp.net/t/1311972.aspx/1?Move+to+anchor+after+postback" rel="nofollow">here</a>. Otherwise you would have to use javascript and find out how far you are from the top, save it in a hidden field or cookie, and reset the view after the page loads.

blocks|key|2248281|text|虽然bbbwex的回答是正确的，但实际上我花了一段时间才意识到我需要将MaintainScrollPositionOnPostback=“真”放在两者之间。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2248282|ASPX页面的顶部。|ordered-list-item|2248283|在IsPostBack中|2248284|它在我满足这两个条件之后才能工作。|2248285|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|M|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|N|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|O|8|@]|9|@]|A|$]]]|J|$]]

Although bbbwex's reply is correct, it actually took me a while to realize I need to place MaintainScrollPositionOnPostback="true" at both 

<ol>
<li>Top of the ASPX page.</li>
<li>In IsPostBack</li>
</ol>

It works after I satisfy both condition.

blocks|key|1050756|text|<script+type="text/javascript">++++
++var+xPos,+yPos;
++var+prm+=+Sys.WebForms.PageRequestManager.getInstance();

++function+BeginRequestHandler(sender,+args)+{
++++if+($get('<%25=Panel1.ClientID%25>')+!=+null)+{+++++++++
++++++xPos+=+$get('<%25=Panel1.ClientID%25>').scrollLeft;
++++++yPos+=+$get('<%25=Panel1.ClientID%25>').scrollTop;
++++}
+}

+function+EndRequestHandler(sender,+args)+{
+++++if+($get('<%25=Panel1.ClientID%25>')+!=+null)+{+++++++
+++++++$get('<%25=Panel1.ClientID%25>').scrollLeft+=+xPos;
+++++++$get('<%25=Panel1.ClientID%25>').scrollTop+=+yPos;
+++++}
+}
+prm.add_beginRequest(BeginRequestHandler);
+prm.add_endRequest(EndRequestHandler);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1050757|在ScriptManager标记中添加上述代码，并在页面声明中添加MaintainScrollPositionOnPostback="true"|unstyled|offset|length|style|CODE|1050758|entityMap^0|0|1|D|X|13|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]|$G|Q|H|R|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|S|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>&lt;script type="text/javascript"&gt; 
 var xPos, yPos;
 var prm = Sys.WebForms.PageRequestManager.getInstance();

 function BeginRequestHandler(sender, args) {
 if ($get('&lt;%=Panel1.ClientID%&gt;') != null) { 
 xPos = $get('&lt;%=Panel1.ClientID%&gt;').scrollLeft;
 yPos = $get('&lt;%=Panel1.ClientID%&gt;').scrollTop;
 }
 }

 function EndRequestHandler(sender, args) {
 if ($get('&lt;%=Panel1.ClientID%&gt;') != null) { 
 $get('&lt;%=Panel1.ClientID%&gt;').scrollLeft = xPos;
 $get('&lt;%=Panel1.ClientID%&gt;').scrollTop = yPos;
 }
 }
 prm.add_beginRequest(BeginRequestHandler);
 prm.add_endRequest(EndRequestHandler);
</code></pre>


add the above code in <code>ScriptManager</code> tag
and add <code>MaintainScrollPositionOnPostback="true"</code> in the page declaration

blocks|key|2248315|text|注意:如果您定义了默认控件，即使Page+MaintainScrollPositionOnPostback="true“，它也会在回发时滚动到该控件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2248316|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Note: If you have a default control defined, it will scroll to that control on post back even if Page MaintainScrollPositionOnPostback="true"

blocks|key|1050851|text|请确保您的没有在<form+id="form1"+runat="server"+defaultbutton="YourDefaultButton">中设置默认按钮。删除defaultbutton="YourDefaultButton"和MaintainScrollPositionOnPostback="true"就可以了。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|1050852|entityMap^0|5|24|8|1U|2C|X|3A|13|0^^$0|@$1|2|3|4|5|6|7|I|8|@$9|J|A|K|B|C]|$9|L|A|M|B|D]|$9|N|A|O|B|D]|$9|P|A|Q|B|D]]|E|@]|F|$]]|$1|G|3|-4|5|6|7|R|8|@]|E|@]|F|$]]]|H|$]]

Make sure, that you do not set default button in <code>&lt;form id="form1" runat="server" defaultbutton="YourDefaultButton"&gt;</code>. Remove <code>defaultbutton="YourDefaultButton"</code> and <code>MaintainScrollPositionOnPostback="true"</code> will work.

blocks|key|2607084|text|从这个问题：维护部分回发ASP.NET上的面板滚动位置|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2607085|几天来，我一直在寻找这个问题的答案，使用典型的MaintainScrollPositionOnPostback替代方案和使用BeginRequestHandler和EndRequestHandler的JavaScript解决方案，在我的例子中使用MasterPage。|2607086|但是，我想出了一个非常简单的解决方案，使用jQuery和BeginRequestHandler以及使用相同@waqas算法的EndRequestHandler：|2607087|<script+type="text/javascript">

++++var+scrollPosition+=+0;

++++$(document).ready(function+()+{

++++++++$(window).scroll(function+(event)+{
++++++++++++scrollPosition+=+$(window).scrollTop();
++++++++});

++++});

</script>

<script+type="text/javascript">

++++//+It+is+important+to+place+this+JavaScript+code+after+ScriptManager1
++++var+xPos,+yPos;
++++var+prm+=+Sys.WebForms.PageRequestManager.getInstance();

++++function+BeginRequestHandler(sender,+args)+{
++++++++console.log('BeginRequest');
++++}

++++function+EndRequestHandler(sender,+args)+{
++++++++$(window).scrollTop(scrollPosition);
++++}

++++prm.add_beginRequest(BeginRequestHandler);
++++prm.add_endRequest(EndRequestHandler);

</script>|code-block|syntax|javascript|2607088|这样做的目的是在每次用户移动Scroll时捕获Scroll在全局变量中的位置，这样就知道哪个位置是最后一个位置，并且在回发时输入EndRequestHandler事件并使用用户标记的最后一个位置进行更新。|2607089|在Firefox和Google中，这对我起了作用:)|2607090|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/5288682/maintain-panel-scroll-position-on-partial-postback-asp-net^0|6|L|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|14|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

From this question: <a href="https://stackoverflow.com/questions/5288682/maintain-panel-scroll-position-on-partial-postback-asp-net">Maintain Panel Scroll Position On Partial Postback ASP.NET</a>

I was looking for an answer to this problem for several days, using the typical alternative of MaintainScrollPositionOnPostback and the JavaScript solutions using BeginRequestHandler and EndRequestHandler where in my case I use MasterPage.

Nothing worked, however I came up with a fairly simple solution using jQuery with BeginRequestHandler and EndRequestHandler using the same @waqas-raja algorithm:

<pre><code>&lt;script type="text/javascript"&gt;

 var scrollPosition = 0;

 $(document).ready(function () {

 $(window).scroll(function (event) {
 scrollPosition = $(window).scrollTop();
 });

 });

&lt;/script&gt;

&lt;script type="text/javascript"&gt;

 // It is important to place this JavaScript code after ScriptManager1
 var xPos, yPos;
 var prm = Sys.WebForms.PageRequestManager.getInstance();

 function BeginRequestHandler(sender, args) {
 console.log('BeginRequest');
 }

 function EndRequestHandler(sender, args) {
 $(window).scrollTop(scrollPosition);
 }

 prm.add_beginRequest(BeginRequestHandler);
 prm.add_endRequest(EndRequestHandler);

&lt;/script&gt;
</code></pre>

The idea is to capture the position of the Scroll in a global variable each time the user moves the Scroll, in this way it is known which was the last position and when making the postback the EndRequestHandler event is entered and updated with the last position what the user marked

This worked for me in Firefox and Google Chrome :)

How can I get back to the same position of a page on <code>postback</code>. It always seems to get to the top of the page.

I've tried using <code>maintainScrollPositionOnPostBack = "true"</code> 

But its not working.

How to maintain scroll position on autopostback?

33 天实现自己的 AI 进化论？发文瓜分机械键盘、耳机等万元奖池！点击参加活动：<a href="https://cloud.tencent.com/developer/article/2503022" target="_blank">https://cloud.tencent.com/developer/article/2503022</a> 
 <img src="https://qcloudimg.tencent-cloud.cn/raw/01543e0407db10898a7ee9f420794432.jpg"/>

技术创作特训营有奖征文

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云AI代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

文章&问答评论现已支持表情

如何回到postback页面的相同位置。它似乎总是到达页面的顶端。我试过用maintainScrollPositionOnPostBack = "true"但这不管用。

问如何保持自动回滚的滚动位置？
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何保持自动回滚的滚动位置？EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何保持自动回滚的滚动位置？
EN