惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

罗磊的独立博客
小众软件
小众软件
The Cloudflare Blog
博客园 - 【当耐特】
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
酷 壳 – CoolShell
酷 壳 – CoolShell
WordPress大学
WordPress大学
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
V
Visual Studio Blog
量子位
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
美团技术团队
S
SegmentFault 最新的问题
宝玉的分享
宝玉的分享
博客园 - 叶小钗
月光博客
月光博客
Apple Machine Learning Research
Apple Machine Learning Research
T
Tailwind CSS Blog
博客园 - 聂微东
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
J
Java Code Geeks
Y
Y Combinator Blog
D
Docker
Microsoft Azure Blog
Microsoft Azure Blog

博客园 - 四季皆春

通过Redis防止数据重复 Mysql语句where中设置多个查询条件 Jquery插件 dataTable设置点击表格指定的列实现升序降序排序功能 JavaScript中为JSON对象动态添加属性的四种方法 CSS设置指定某个区域div出现滚动条、滚动框 Nginx配置成系统服务及环境变量配置 jquery监听表单输入变化-调用函数 javaScript正则匹配全部字符 Linux下PHP安装Redis扩展 mysql语句使用正则过滤字段 Bootstrap模态框使用WebUploader点击失效问题 - Bootstrao模态框弹出后内置js函数未起作用-F12后又起作用 百度开发-文件上传插件- Web Uploader js根据某个日期(年-月-日)添加指定的天数 ci框架nginx隐藏 index.php Docker配置阿里云镜像加速服务 Redis配置登录密码并使用认证密码登录 Redis常用命令 Redis查看当前连接数 & 客户端连接信息 Redis查看参数值 linux查看文件最后的修改时间 centos8报错错误:为 repo 'appstream' 下载元数据失败 : Cannot prepare internal mirrorlist: No URLs in mirrorlist
html设置某个元素固定在页面, 不随滚动条移动
四季皆春 · 2026-06-02 · via 博客园 - 四季皆春
// jquery设置css使某个元素(div/表头)固定在页面, 不随滚动条移动

<div class="top_header">标题:XXX</div>

<script>

    // 设置当页面上下滚动时,表头固定

    let thead_top = $('.top_header').offset().top;
    $(window).scroll(function() {
        let sctop = $(this).scrollTop();
        if(sctop > 60){
            var ty = sctop - thead_top;
            $('.top_header').css({'transform':'translateY('+ ty +'px)','background':'#d3b475'});
        } else{
            $('.top_header').css({'transform':'translateY(0px)','background':'white'});
        }
    })

    // 设置当页面上下滚动时,表头固定

</script>

posted on 2026-06-02 15:12  四季皆春  阅读(4)  评论()    收藏  举报