HTML返回顶部

一、添加一个超链接,然后给其href="#top",则可以使用

  <a href="#top" class="btn" title="回到顶端"></a>

 

二、第二种 href指向特定的id

<body id="goTop">
    <div class="box">
        <img src="1.jpg">
        <img src="1.jpg">
        <img src="1.jpg">
    </div>
    <a href="#goTop" class="btn" title="回到顶端"></a>
</body>

 

三、用scrollTo(0,0)中的x、y的值来跳转到页面的具体位置。

    <li class="top">
                <a href="javascript:window.scrollTo(0,0)">
                    <i class="iconfont">&#xe606;</i>
                    <div class="txt">T O P</div>
                </a>
            </li>

 

推荐使用第三种方法,设置简单

 

参考博客https://www.cnblogs.com/skylarzhan/p/7285791.html

HTML返回顶部

上一篇:webhook


下一篇:CSS样式