搜索

回答

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <style>
        .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #cc5350;
        color:#fff;
        z-index: 1000;
        height: 200px;
        overflow: hidden;
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        transition: height 0.3s;
        text-align:center;
        line-height:160px;
    
    }
    .header.shrink {
        height: 100px;
        line-height:80px;
    }
    .header h1
    {
        font-size:30px;
        font-weight:normal;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .header.shrink h1
    {
        font-size:24px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .content
    {
    height:2000px;
     /*just to get the page to scroll*/
    }
    </style>
</head>

<body>

    <div class="header">
        <h1>动画固定标题（向下滚动网页查看效果）</h1>
    </div>
    <div class="content"> </div>

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
    <script>
        $(function(){
     var shrinkHeader = 300;
      $(window).scroll(function() {
        var scroll = getCurrentScroll();
          if ( scroll >= shrinkHeader ) {
               $('.header').addClass('shrink');
            }
            else {
                $('.header').removeClass('shrink');
            }
      });
    function getCurrentScroll() {
        return window.pageYOffset || document.documentElement.scrollTop;
        }
    });
    </script>

</body>

</html>

网友回复

我知道答案，我要回答

我有问题

回答

如何将linux服务器的文件目录映射到windows电脑磁盘？

Docling 与 MarkItDown 两个库有啥不同？

豆包收费后国产其他ai软件也会跟进收费吗？

JPEG 与 HEIF图片格式区别？

centos7版本太旧无法安装python3.11，如何在docker中运行python3.11？

python如何做个RPA按键精灵的程序？

写一个windows的cmd的python代码如何在命令行中捕获获取复制粘贴的图片？

如何将别人爆款的抖音短视频短剧文案提取为seedance2的提示词？

阿里云域名dns云解析10万次日限额如何应对？

windows电脑如何提交上架ipa苹果应用？