码迷,mamicode.com
首页 > Web开发 > 详细

HTML返回顶部

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

标签:推荐   amp   jpg   src   特定   http   btn   zha   strong   

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

标签:推荐   amp   jpg   src   特定   http   btn   zha   strong   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!