Question

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

这是我的代码

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

提前致谢!!

Answer 1

根据您的“简短”要求，我已经理解了。

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。当您单击任何项目时，滚动到顶部。

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

1 个答案: