返回页首页脚中的按钮

Question

我有关于如何创建滚动的问题返回页首按钮固定在页脚中？ 像这样的

Link

img

Answer 1

您可以使用jQuery它

$("#button").click(function() { 
    $('html, body').animate({ 
     scrollTop: $("#header").offset().top 
    }, 2000); 
}); 

的Html

<div id="button">Click me </div> 
<div id ="header">...</div> 

这里是plnkr

https://plnkr.co/edit/LVi19SUIgi55qbhKzpaV?p=preview

Answer 2

您只需在要跳转到的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> 

好运。