c# - 在 ASP.NET / C# 中更改页面位置

Question

基本上，在提交表单后，我希望用户浏览器滚动到页面下方的区域，就像您可能使用以下代码一样：

<a href="#lower-stuff">Click here to scroll to stuff lower down in the page</a>
<div id="lower-stuff">Stuff lower down in the page is here</div>

除了我不知道该怎么做。

我正在使用 gaia（所以页面不会重新加载）我尝试做这样的事情：

<gaia:LinkButton runat="server" ID="SubmitButton" Text="Submit" OnClick="SubmitButton_Click" Text="Go" CssClass="goButton" **href="#lower-stuff"**/>

但这显然是不允许的。. .

有人知道如何实现这一目标吗？

Answer 1

您可以通过调用 javascript 页面滚动来实现这一点

function pageScroll() {
        window.scrollBy(0,50); // horizontal and vertical scroll increments
        scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds
}

我同意上面的代码不能处理动态高度。

干得好

 $(document).scrollTo('#contact');

其中#contact 是您要滚动到的元素的 id。

对于 YUI，试试这个：

var element = document.getElementById('test');
var myAnim = new YAHOO.util.Scroll(element, {
    scroll: {    
        to: [ 500, test.scrollTop ]
    } 
});
myAnim.animate();

这里的 test 是您要滚动到的元素的 id。