链接不滚动到页面顶部问题

我需要一些帮助，请...我在我的页面上贴了一个菜单，我想当我点击它的任何项目时，页面会滚动回顶部，我会用一个锚，但我已经用它来调用每个按钮上的网页...链接不滚动到页面顶部问题

这是我的代码

<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

链接不滚动到页面顶部问题

回答

相关问题