• 【HTML】一个简单的返回顶部


    直接给出代码:

    <!DOCTYPE html>
    <html lang="en">
    
    <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>返回顶部</title>
        <style>
            
    .btns{
        font-weight: bold;
        display: inline-block;
        width: 60px;
        height: 27px;
        border: #000000;
        background: #1890ff;
        font-size: 0.5em;
        text-align: center;
        padding-top: 5px;
        color: rgb(255, 255, 255);
        border-radius: 8px;
        font-weight:bold
        }
    a:hover{
        color:#000000
    }
    
         
        </style>
    </head>
    
    <body>
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
        <h1>0000000000000000000000000000000000000000</h1>
        <h1>0000000000000000000000000000000000000000</h1>
    
    
        <div style="overflow: hidden;position: fixed;left: 10px;bottom: 20px;z-index: 10;">
            <div style="overflow: hidden;">
                <div style="padding-right:50px;">
                    <a href="/" class="btns" style=" text-decoration: none;">未添加</a>
                </div>
                <div style="padding-top:20px;padding-lift:50px;">
                    <a href="/" class="btns" style=" text-decoration: none;">未添加</a>
                </div>
                <div style="padding-top:20px;padding-right:50px;padding-bottom:50px">
                    <a href="#" style="float: left;" class="btns" style=" text-decoration: none;">TOP</a>
                </div>
            </div>
    
    </body>
    
    </html>

    效果:

  • 相关阅读:
    获取网页数据
    追踪公式引用的单元格
    loadRunner函数之lr_set_debug_message
    Python爬虫之抓取豆瓣影评数据
    Python爬虫之抓图
    loadRunner函数之web_add_header
    JVM是如何处理异常的
    1. JVM内存区块
    JVM-JVM是如何执行方法调用的
    JVM-内部类分析
  • 原文地址:https://www.cnblogs.com/HGNET/p/14096074.html
Copyright © 2020-2023  润新知