ASP.NET перейти на якорь в коде позади

Question

У меня есть простой веб-форма с кодом, как это:

//... 
//tons of text 
//... 
<a name="message" /> 
//... 
//tons of text 
//... 
<asp:Button ID="ButtonSend" 
       runat="server" 
       text="Send" 
       onclick="ButtonSend_Click" /> 

После POST я хочу, чтобы перейти пользователь моего «сообщение» якоря. У меня следующий код для этого:

protected void ButtonSend_Click(object sender, EventArgs e) 
{ 
this.ClientScript.RegisterStartupScript(this.GetType(), 
             "navigate", 
             "window.location.hash='#message';", 
             true); 
} 

Этот простой JavaScript не работает в Firefox 3.5.2 - URL меняется в браузере, но страница не переходите на якорь. В IE 8 он работает отлично.

Почему этот код JavaScript не работает в Firefox? Я что-то упускаю?

Answer 1

Я решил свою проблему. JavaScript-код был вызван до того, как мой якорь даже существовал. Вот почему Firefox не прокрутил страницу вниз.

Мой код теперь выглядит как tihs:

this.ClientScript.RegisterStartupScript(this.GetType(), 
             "navigate", 
             "window.onload = function() {window.location.hash='#message';}", 
             true); 

После загрузки страницы я звоню мою простую функцию JavaScript.

Ключ к решению проблемы был решением Cleiton. Firebug сообщает, что getElementById возвращал нулевую ссылку. Затем я посмотрел на сгенерированный HTML, как и предложил andrewWinn - JavaScript был вызван до того, как был установлен якорь. Сделал мало поисковой системы и нашел решение.

Спасибо за ваши ответы!

Answer 2

Mendoza, вы можете использовать родной scrollIntoView функция.

Чтобы сделать то, что вы хотите, просто написать:

this.ClientScript.RegisterStartupScript(this.GetType(), 
             "navigate", 
             "document.getElementById('id_of_the_element').scrollIntoView();", 
             true); 

Answer 3

Я однажды столкнулся с этим. Вы взглянули на фактический HTML? Если я помню, FireFox был случайным сенсацией на якорях. Я не знаю, изменилось ли это недавно или нет.

Answer 4

Вы можете использовать jQuery LocalScroll plugin. Используя это, можно прокручивать с помощью:

$(function() { 
    $.scrollTo("#message"); 
}); 

Или с кодом ASP.NET:

protected void ButtonSend_Click(object sender, EventArgs e) 
{ 
    this.ClientScript.RegisterStartupScript(this.GetType(), 
              "navigate", 
              "$(function() { $.scrollTo('#message'); });", 
              true); 
} 

Это не идеальное решение, особенно если вы не используете JQuery где-нибудь в вашем проекте уже, но это может решить вашу проблему.