[JS]让表单提交返回后保持在原来提交的位置上-优快云博客

本文介绍了一种在ASP.NET中解决PostBack后页面滚动至顶部问题的方法。通过使用JavaScript捕获按钮点击位置，并在页面加载时滚动到该位置，实现PostBack后保持用户在页面的位置不变。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当你用asp.net开发web页面时，你会发现，如果你设置了一个页面，如果里面含有多个Button，而且页面很长。
当你点击Button后PostBack时，页面总是显示在最上面，极其不方便。

但下面这段代码，写帮你解决这个问题。

<input type="submit" name="Button1" value="Button" id="Button1" />
<input type="hidden" id="Window_OffsetY" name="Window_OffsetY" value="0">
<input type="hidden" id="Window_OffsetX" name="Window_OffsetX" value="0">

<script language="Javascript">
var ua = navigator.userAgent.toLowerCase();
var isIE = (ua.indexOf('msie') != -1 && !this.isOpera && (ua.indexOf('webtv') == -1) );

function Window_OnSubmitIE(){
    document.getElementById("Window_OffsetY").value = window.event.offsetY - window.event.clientY + 2;
    document.getElementById("Window_OffsetX").value = window.event.offsetX - window.event.clientX + 2 ;
}

function Window_OnSubmitNS(event){
    document.getElementById("Window_OffsetY").value = event.pageY - event.clientY;
    document.getElementById("Window_OffsetX").value = event.pageX - event.clientX;
}

if (!isIE){
    document.forms[0].addEventListener('submit',Window_OnSubmitNS, false);
}
else{
    document.forms[0].attachEvent('onsubmit',Window_OnSubmitIE);
}

function Lili1_OnLoad(){
    window.scrollTo(0,1431);
}

if (!isIE){
    window.addEventListener('load',Lili1_OnLoad, false);
}
else{
    window.attachEvent('onload',Lili1_OnLoad);
}
</script>

转载于:https://www.cnblogs.com/xuzhong/archive/2006/09/13/503078.html