Question

我有一个关于如何创建滚动的问题返回页首按钮固定在页脚？喜欢这个

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

您只需将一个标签和href =添加到您想要跳转到的ID即可。例如：您拥有的代码越高，就在您的正文标记下方<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>

祝你好运。

返回页首页脚按钮

2 个答案: