2013-05-07 4 views
0

Мне нужна помощь, пожалуйста ... У меня есть прикрепленное меню на моей странице, и я хочу, когда я нажму на любой элемент, страница прокрутится вверх, я хотел бы использовать якорь, но я уже использую его для вызова страницы на каждой кнопке ...link dont scroll to top of page issue

это мой код

<div class="span1 menu"> 
    <ul class="nav"> 
    <li id='gostou' class='menufixo' title="gostou do filme?"><a href="#resumo" data-toggle="tab" class="link"></a></li> 
    <li id='evolucao' class='menuacao' title="evolução"><a href="#graficos" data-toggle="tab" class="link"></a></li> 
    <li id='comentarios' class='menuacao' title="comentários"><a href="#mensagens" data-toggle="tab" class="link"></a></li> 
    <li id='info' class='menuacao' title="informações"><a href="#infos" data-toggle="tab" class="link"></a></li> 
    <li id='assistir' class='menuacao' title="cinemas"><a href="#tab-assistir" data-toggle="tab" class="link"></a></li> 
    <li id='tags' class='menuacao' title="cloud tags"><a href="#cloudtags" data-toggle="tab" class="link"></a></li> 
    <div class='ferramentas'></div> 
    <script> 
    $(".menu ul").on("click", "li", function() 
     { 
      $(this).parent().find("li").removeClass("menufixo").addClass("menuacao"); 
      $(this).toggleClass("menufixo").toggleClass("menuacao"); 
     }); 
    </script> 
    </ul> 
    </div> 

Спасибо заранее !!

ответ

0

из того, что я понял, исходя из ваших «коротких» требований.

http://jsfiddle.net/Madthew/NRMhf/

Этот код код, который используется для перехода к верхней части страницы (с помощью JQuery):

$('html, body').animate({scrollTop:0}, 'slow'); 

Если добавить:

return false; 

тогда ваша HREF остановка за работой.

Посмотрите здесь о том, как настроить продолжительность:

http://api.jquery.com/animate/

Вместо того, чтобы использовать «быстрый» и «медленный» вы можете ввести непосредственно значение в миллисекундах.

Продолжительность по умолчанию - 400 миллисекунд. «fast» = 200 и «slow» = 600.

Более низкие значения означают более быстрое выполнение.

Чтобы увидеть, что он работает, я просто добавил div с фиксированной высотой и черным фоном. Когда вы нажимаете на любой из элементов, вы прокручиваете вверх.

+0

он возвращает страницу назад, но он заставляет href в каждой ссылке перестать работать, а новые страницы не открываются ... – diogo

+0

Попробуйте пропустить «return false;». Я не понимаю, в чем проблема. У вас есть дополнительный код? – Madthew

+0

Я изменил return false, чтобы вернуть true, и теперь он работает отлично, спасибо большое, но теперь мне интересно, theres любой способ сделать свой переход быстрее? я быстро обменялся медленным, но id все еще хочет, чтобы он был быстрее, тем не менее? Еще раз спасибо! – diogo