首页 > Web开发 > 详细

HTML返回顶部

时间:2020-07-18 11:26:40      阅读:42      评论:0      收藏:0      [点我收藏+]

一、添加一个超链接,然后给其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返回顶部

原文:https://www.cnblogs.com/wangyuxue/p/13334494.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!