jquery onclick无需滚动即可转到页面顶部[重复]

Posted

技术标签:

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

通过单击一个按钮,我想转到页面顶部。但它不应该滚动到顶部(没有动画),而是应该立即到顶部(就像新页面加载一样)。 这可以用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; 也没有成功

以上是关于jquery onclick无需滚动即可转到页面顶部[重复]的主要内容,如果未能解决你的问题,请参考以下文章

div随页面滚动遇顶固定的两种方法(js&jQuery)

jQuery从按钮onclick跳转或滚动到页面上的某个位置,div或目标[重复]

js获取浏览器滚动条距离顶端的距离

jQuery Mobile 在页面转换之前防止滚动到顶部?

如何用jquery实现页面滚动到指定位置后触发事件的效果?

如何用jquery实现页面滚动到指定位置后触发事件的效果