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>
【讨论】:
谢谢!但我有标签:<!-- Nav tabs --> <ul role="tablist" class="summary"> <li role="presentation" class="active"><a href="#portraits" aria-controls="portraits" role="tab" data-toggle="tab">Portraits</a></li></ul> <!-- Tab content --> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="portraits"> </div>
没关系。我看到你有 #portraits 作为 href 所以你会使用
我把<a name="portraits></a>
放在<body>
标签后面,但是没有到页面顶部
你错过了另一个“对不起我的错我忘了它
<a name="portraits"></a>
也没有成功以上是关于jquery onclick无需滚动即可转到页面顶部[重复]的主要内容,如果未能解决你的问题,请参考以下文章