2012-10-03 22 views
0

我有一個簡單的2面板窗體,我正在設置。我創造了這個按鈕,我的aspx頁面上:使面板可見時轉到頁面頂部

<asp:Button runat='server' ID='NextButton' Text='Half Way There Proceed' OnClick='StepTwoPanel_Click' /> 

然後這是我的aspx.cs文件:

protected void StepTwoPanel_Click(object sender, EventArgs e) 
{ 

StepOnePanel.Visible = false; 

StepTwoPanel.Visible = true; 
} 

當我用這個,它完美的作品從面板一來一去第二小組。只有一個小問題。他們不是將用戶帶到第二個面板的頂部,而是靠近面板的底部,當他們點擊第一個面板中的按鈕時,他們正好在頁面上的位置。

我的問題是,當按鈕單擊使第二個面板可見時,它又如何將頁面返回到頂部?

+0

這通常是我會用javascript/jQuery做的事情。我也會在jQuery中顯示/隱藏面板,除非我做的不僅僅是簡單的顯示/隱藏。 – Tyanna

回答

0

你可能使用Javascript滾動到你想要的位置?

您的按鈕:

<asp:Button runat='server' OnClientClick="ScrollTheThing" ID='NextButton' Text='Half Way There Proceed' OnClick='StepTwoPanel_Click' /> 

它的JavaScript處理程序:

function ScrollTheThing() { 

    // Code to scroll where you need 

} 

對於究竟該如何進行滾動,這可能會給一些想法: http://www.mediacollege.com/internet/javascript/page/scroll.html

http://www.west-wind.com/weblog/posts/2006/Feb/24/Retrieving-Browser-Scroll-Position-in-JavaScript