-3
A
回答
2
您可以使用jQuery它
$("#button").click(function() {
$('html, body').animate({
scrollTop: $("#header").offset().top
}, 2000);
});
的Html
<div id="button">Click me </div>
<div id ="header">...</div>
这里是plnkr
0
您只需在要跳转到的ID上添加一个标签和href =即可。例如: 您的代码中有较高的代码,例如正文位于您的正文标记下方,<div id="top"></div>
您网页的下方,如果您选择了多个位置,请在链接中添加引用该ID的标签; <a href="#top"></a>
。当你点击这个href标签时,它将视图端口/屏幕的顶部推到该div上。
基本HTML:
<div id="wrapper">
<div id="top"></div>
<div id="container>
<div class="header">Welcome</div>
<p>......whole bunch of content</p>
</div>
<div class="footer"><a href="#top">Back to the top</a>
</div>
好运。
+0
Thnx这有帮助 –
+0
@Hax_dz很高兴能帮到你。如果您对答案满意,请不要忘记标记答案已解决。 顺便说一句,这里是一个jsfiddle,虽然所有你需要的是简单的html来实现这一点。 https://jsfiddle.net/j7jo80jm/ –
相关问题
- 1. 返回页首按钮问题(可能)?
- 2. 如何将CSS按钮返回页脚
- 3. 输入类型按钮返回历史记录返回页首
- 4. 返回首页从
- 5. 返回首页UIViewController
- 6. 返回/主页按钮[Java]
- 7. 添加'返回按钮'页
- 8. 按钮返回=动作按钮主页
- 9. 回页首按钮不点击 - jquery
- 10. 返回页首按钮不起作用在我的网站上
- 11. 页脚按钮
- 12. jQuery Mobile的返回首页
- 13. 返回页首按钮不工作在Firefox和IE
- 14. 返回页首和下一个和上一个按钮Javascript
- 15. 首页链接或按钮
- 16. UI5瓷砖返回页首
- 17. iTextSharp GetTextFromPage Only返回首页
- 18. 导轨:Turbolinks返回页首
- 19. ionic2 - navpop返回首页
- 20. 返回页首Jquery Mobile
- 21. PHP表单返回页首
- 22. WordPresspress:is_front_page在首页返回false
- 23. 返回页首链接在PHP包含页脚?
- 24. 覆盖服务中的主页按钮和返回按钮 - Android
- 25. 返回按钮转到上一页
- 26. 返回按钮跳过PHP页面
- 27. 将在UITableView的页脚中的按钮,使的UITableViewCell不页脚
- 28. 问题URL jQuery Mobile的按钮首页
- 29. 如何使返回到分页按钮返回到以前的分页
- 30. 防止返回按钮返回上一页的ID
你能给出完整的代码 –
@Hax_dz我编辑我的答案。检查这 – Akashii
Thnx!问题依然存在:D –