回到顶部

  • 回到顶部的几种实现方法(WordPress、Typecho通用)

    使用默认链接锚点 添加一个a链接,设置a链接的href属性值为"#top"即可实现 <body> <div>我在顶部</div> <!-- 很多内容 --> <div><a href="#top">返回顶部</a></div> </body> href指向特定的id 给页面顶部元素设置一个id值,将返回顶部a链接的href属性指向改id属性的元素 <body> <div id="header">我在顶部</div> <!-- 很多内容 --> <div><a href="#header">返回顶部</a></div> </body> 使用自定义链接锚点 在页面顶部定义一个锚点,然后将返回顶部a链接的href属性指向该锚点 <body> <a name="goTop"></a> <div>我在顶部</div> <!-- 很多内容 --> <div><a href="#goTop">返回顶部</a></div> </body> 使用简单的JavaScript脚本 设置scrollTo(x,y)中的x和y的坐标值来滚动到页面的具体位置 <body> <div>我在顶部</div> <!-- 很多内容 --> <div><a href="javascript:window.scrollTo(0,0)">返回顶部</a></div> </body> 火箭上升式返回顶部(jQuery实现) <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script> <style> .header { color: rgb(243, 152, 6); width: 100%; height: 200px; margin: 0 auto; text-align: center; font-size: 20px; } .footer { background: url('goTop.png') no-repeat; position: fixed; right: 50px; bottom: 50px; width: 54px; height:...

    2019年6月12日
    0 0 639

💖 帮助我们更好的生产内容,请将本站加入广告屏蔽插件的白名单,非常感谢。
🚀 请尽快激活您的账号,账号注册未激活30天后将被清理。(已激活用户请忽略)
点击登录,重新获取激活邮件。