鏈接不滾動到頁面頂部問題

我需要一些幫助，請...我在我的頁面上貼了一個菜單，我想當我點擊它的任何項目時，頁面會滾動回頂部，我會用一個錨，但我已經用它來調用每個按鈕上的網頁...鏈接不滾動到頁面頂部問題

這是我的代碼

<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>

在此先感謝！

來源

2013-05-07 diogo

從我根據你的「短」要求理解。

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

此代碼是用於轉到頁（使用jQuery）的頂部代碼：如果您添加

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

：

return false;

那麼您的href停止加工。

到這裏看看關於如何設置時間：

而不是使用「快」和「慢」你可以輸入在毫秒直接的價值。

默認持續時間爲400毫秒。 'fast'= 200，'slow'= 600.

值越低意味着執行速度越快。

爲了讓你看到它的工作，我剛剛添加了一個固定高度和黑色背景的div。當你點擊任何你滾動到頂部的項目。

來源

2013-05-07 20:12:18 Madthew

它確實將頁面返回到頂部，但它會使每個鏈接中的href停止工作，並且新頁面不會打開... – diogo 2013-05-07 20:21:30

嘗試省略'return false;'。我沒有完全明白這是什麼問題。你有額外的代碼嗎？ – Madthew 2013-05-07 20:27:39

我改變了返回false返回true，現在它完美的工作，非常感謝，但現在我想知道，任何方式使其過渡更快？我儘快交換了緩慢的速度，但是ID仍然希望速度更快，這些方法是什麼？再次感謝！ – diogo 2013-05-07 20:34:37

鏈接不滾動到頁面頂部問題

回答

相關問題