其他分享
首页 > 其他分享> > HTML返回顶部

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

标签:返回,www,顶部,top,scrollTo,HTML,href,跳转,id
来源: https://www.cnblogs.com/wangyuxue/p/13334494.html