【问题标题】:jquery onclick go to top of page without scrolling [duplicate]jquery onclick无需滚动即可转到页面顶部[重复]
【发布时间】:2015-06-22 03:01:52
【问题描述】:

通过单击一个按钮,我想转到页面顶部。但它不应该滚动到顶部(没有动画),而是应该立即到顶部(就像新页面加载一样)。 这可以用jquery吗? 非常感谢!

【问题讨论】:

    标签: javascript jquery


    【解决方案1】:

    window.scrollTo(x-coord, y-coord);

    【讨论】:

    • 您好!非常感谢!它运行良好,但看起来有点奇怪,我仍然可以看到它滚动到顶部的速度非常快。
    • 这可能取决于您的浏览器。现代浏览器强制进行某些交互。
    • 您可以尝试使用 animate 并将时间间隔设置为 0
    • 我明白了!谢谢! animate 代码到底是什么样的?
    • 我试过这个,但它和 window.scroll $("html, body").animate({ scrollTop: 0 }, 0); 一样。我可以同时用jquery制作一个白色的闪光吗?
    【解决方案2】:

    你不需要 jQuery 来实现这个。你只需要一个简单的锚标签就在body标签之后。

    <a name="anchor"> </a>
    

    你会使用导航到那里。

     <a href="#anchor">This will send you to the anchor.</a>
    

    【讨论】:

    • 谢谢!但我有标签:&lt;!-- Nav tabs --&gt; &lt;ul role="tablist" class="summary"&gt; &lt;li role="presentation" class="active"&gt;&lt;a href="#portraits" aria-controls="portraits" role="tab" data-toggle="tab"&gt;Portraits&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt; &lt;!-- Tab content --&gt; &lt;div class="tab-content"&gt; &lt;div role="tabpanel" class="tab-pane active" id="portraits"&gt; &lt;/div&gt;
    • 没关系。我看到你有 #portraits 作为 href 所以你会使用
      我把&lt;a name="portraits&gt;&lt;/a&gt;放在&lt;body&gt;标签后面,但是没有到页面顶部
    • 你错过了另一个“对不起我的错我忘了它
    • &lt;a name="portraits"&gt;&lt;/a&gt; 也没有成功
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签