0

我需要一些帮助，请...我的页面上有一个附加菜单，当我单击其中的任何项目时，页面会滚动回顶部，我会使用锚点，但我已经使用它了调用每个按钮上的页面...

这是我的代码

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

提前致谢！！

4

1 回答 1

0

根据我根据您的“短”要求了解的情况。

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

此代码是用于转到页面顶部的代码（使用 jQuery）：

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

如果添加：

return false;

然后你的 href 停止工作。

在此处查看有关如何设置持续时间的信息：

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

您可以直接以毫秒为单位输入值，而不是使用“快”和“慢”。

默认持续时间为 400 毫秒。“快”= 200，“慢”= 600。

较低的值意味着更快的执行。

为了让您看到它正在工作，我只是添加了一个具有固定高度和黑色背景的 div。当您单击任何项​​目时，您会滚动到顶部。

于 2013-05-07T20:12:18.410 回答