我用下面的代码段在web.config以维持服务器回发后的滚动条的位置是:
<pages maintainScrollPositionOnPostBack="true" >
</pages>
所有工作正常,但现在我有一个div内与微胶囊在div(内部滚动条)滚动条一个gridview。
当一个事件发生在gridview的内部的行中的一个中,内部滚动条不保持其原有不像外的一个位置。
有任何想法吗?
我用下面的代码段在web.config以维持服务器回发后的滚动条的位置是:
<pages maintainScrollPositionOnPostBack="true" >
</pages>
所有工作正常,但现在我有一个div内与微胶囊在div(内部滚动条)滚动条一个gridview。
当一个事件发生在gridview的内部的行中的一个中,内部滚动条不保持其原有不像外的一个位置。
有任何想法吗?
备查:
正常的程序是写在web.config文件如下:
<system.web>
<pages maintainScrollPositionOnPostBack="true" >
</pages>
</system.web>
这将保存所有网页的滚动条位置。
如果你有一个GridView内的滚动条(或DIV),然后使用下面的脚本:
<script type="text/javascript">
window.onload = function () {
var strCook = document.cookie;
if (strCook.indexOf("!~") != 0) {
var intS = strCook.indexOf("!~");
var intE = strCook.indexOf("~!");
var strPos = strCook.substring(intS + 2, intE);
document.getElementById("grdWithScroll").scrollTop = strPos;
}
}
function SetDivPosition() {
var intY = document.getElementById("grdWithScroll").scrollTop;
document.cookie = "yPos=!~" + intY + "~!";
}
</script>
而在div必须如下:
<div id="grdWithScroll" ………… onscroll="SetDivPosition()">
http://michaelsync.net/2006/06/30/maintain-scroll-position-of-div-using-javascript-aspnet-20
试试这个,
<script type="text/javascript">
window.onload = function () {
var h = document.getElementById("<%=hfScrollPosition.ClientID%>");
document.getElementById("<%=scrollArea.ClientID%>").scrollTop = h.value;
}
function SetDivPosition() {
var intY = document.getElementById("<%=scrollArea.ClientID%>").scrollTop;
var h = document.getElementById("<%=hfScrollPosition.ClientID%>");
h.value = intY;
}
function afterpostback() {
var h = document.getElementById("<%=hfScrollPosition.ClientID%>");
document.getElementById("<%=scrollArea.ClientID%>").scrollTop = h.value;
}
</script>
<asp:HiddenField ID="hfScrollPosition" runat="server" Value="0" />
<div id="scrollArea" onscroll="SetDivPosition()" runat="server" style="height:225px;overflow:auto;overflow-x:hidden;">
在Page_Load
if (Page.IsPostBack) {
ScriptManager.RegisterClientScriptBlock(Page, this.GetType(), "CallJS", "afterpostback();", true);
}
你可以做你想做的,但它需要做的客户端的东西,如jQuery的。 下面的教程jQuery来确定滚动条的值的GridView控件内,然后每时间恢复值$(document).ready
函数被调用。 以这种方式这回发之前的位置,你希望你的滚动条将被重置。
轻松使用jQuery维持GridView的滚动位置
我没有一个很长很长的解释和任何解释,最重要的部分是这些代码对我的项目。
<script type="text/javascript">
// This Script is used to maintain Grid Scroll on Partial Postback
var scrollTop;
//Register Begin Request and End Request
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
//Get The Div Scroll Position
function BeginRequestHandler(sender, args)
{
var m = document.getElementById('divGrid');
scrollTop=m.scrollTop;
}
//Set The Div Scroll Position
function EndRequestHandler(sender, args)
{
var m = document.getElementById('divGrid');
m.scrollTop = scrollTop;
}
</script>
这是来自http://www.codeproject.com/Articles/30235/Maintain-GridView-Scroll-Position-and-Header-Insid