-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. 如何将CSS按钮返回页脚
- 2. 输入类型按钮返回历史记录返回页首
- 3. 返回页首和下一个和上一个按钮Javascript
- 4. 首页链接或按钮
- 5. PHP表单返回页首
- 6. 返回页首Jquery Mobile
- 7. iTextSharp GetTextFromPage Only返回首页
- 8. 覆盖服务中的主页按钮和返回按钮 - Android
- 9. 返回按钮转到上一页
- 10. 返回按钮跳过PHP页面
- 11. 将在UITableView的页脚中的按钮,使的UITableViewCell不页脚
- 12. 回页首$ undefined
- 13. jQuery Mobile页脚中的动态按钮?
- 14. 首页按钮图像尺寸
- 15. 显示返回按钮,即使没有页面返回堆栈
- 16. '返回'浏览器按钮返回白页
- 17. Ajax页面刷新页面按钮没有返回点击
- 18. #top返回定位页脚
- 19. “返回页首”按钮在手机上点击时不会隐藏
- 20. 导航返回首页活动
- 21. 长按iPhone应用程序中的首页按钮
- 22. 按下主页按钮后返回相同的视图
- 23. 从按钮点击回滚后页面滚动/移动到页首?
- 24. 返回按钮在PHP中去所有前面的页
- 25. 返回按钮时返回按钮
- 26. 右对齐按钮/页眉和页脚divs中的内容
- 27. 页眉/页脚中的JQueryMobile分组按钮
- 28. Android按返回或主页按钮会导致连接更改?
- 29. Django的页面和首页首页
- 30. 页面中的NoMethodError#首页
你能给出完整的代码 –
@Hax_dz我编辑我的答案。检查这 – Akashii
Thnx!问题依然存在:D –