avatar
文章
2198
标签
34
分类
0
首頁
目录
标签
友鏈
关于
Logo阿超headroom.js 返回首页
搜索
首頁
目录
标签
友鏈
关于

headroom.js

发表于2023-01-17|更新于2026-02-24
|浏览量:

寡言省谤,寡欲保身——佚名

昨天说到了enquire.js

作者还有一个更加多stars的项目headroom.js,目前有10.9K stars

https://github.com/WickyNilliams/headroom.js

官网网址:https://github.com/WickyNilliams/headroom.js

这个项目就是一个简单的头部,往下滑头部会收起来,往上又出现

QQ录屏20230117222755 (1)

前端
上一篇
css文字环绕png图片
好意对待犯错误的人,可以得人心,可以团结人——毛泽东 从这里看到的:https://css-tricks.com/print-magazine-layouts-converted-to-web-layouts/ 效果如下: 用到了shape-outside以及float 代码如下: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ...
下一篇
enquire.js
非我而当者,吾师也;是我而当者,吾友也;谄谀我者,吾贼也——荀子 分享一个在js中使用媒体查询的封装: https://github.com/WickyNilliams/enquire.js 我们只需要安装 1cnpm install enquire.js 即可像这样使用: 123456789101112131415161718192021enquire.register("screen and (max-width:1000px)", { match : function() {}, // OPTIONAL // If supplied, triggered when the media query transitions // *from an unmatched to a matched state* unmatch : function() {}, ...
相关推荐
2024-07-24
js日期库moment
健全的身体比金子还珍贵,强壮的体魄比享用不尽的财富还有价值。——佚名 https://github.com/moment/moment 用于解析、验证、操作和格式化日期的 JavaScript 日期库。 文档: Moment.js | Docs 使用非常简单 1npm install moment 12var moment = require('moment'); // requiremoment().format(); 或者 12import moment from 'moment';moment().format(); 解析时间 1var day = moment("1995-12-25"); 格式化时间: 1moment("12-25-1995", "MM-DD-YYYY");
2020-11-24
elementUI隐藏组件
追求使你充实,成功和失败都是伴奏。——史铁生 关于ElementUI相信大家只要看过我这篇博客,都能有一定的了解 今天聊聊ElementUI官方文档都找不到的一个隐藏组件 那便是滚动条el-scrollbar 我们在开发中可能会用到数据量稍微多一点点的情况 例如我这里写的一个v-for 123456789<div style="width: 20%"> <div v-for="(item, i) in tableData" :key="i"> <div v-text="item.name"></div> <div v-text="item.name"></div> <div v-text="item.name"></div> <div v-text="item.name"></div> &...
2020-08-04
javascript防抖
JavaScript防抖:用于防止重复表单提交等场景 点击一次后,执行防抖函数antiShake,按钮设置为不可用状态,开始计时,计时结束移除不可用状态 123456789<button onclick="antiShake(this)">防抖测试</button> <script type="application/javascript"> function antiShake(dom) { dom.setAttribute("disabled", "disabled"); setTimeout(() => { dom.removeAttribute("disabled"); }, 3000); } </script> 顺带聊聊 12//计时器清零,参...
2022-04-02
Object.fromEntries
微微怪时间不能保存情绪,保存那一切情绪所曾流连的境界。——《你是人间的四月天》 文档 我们可以用其将Iterator转换为对象,例如Map、Array或者实现@@iterator方法的的对象 1Object.fromEntries(new URLSearchParams("q=apple&from=en&to=zh&appid=2015063000000001&salt=1435660288&sign=f89f9594663708c1605f3d736d01d2d4")) 1Object.fromEntries(new Map(new URLSearchParams("q=apple&from=en&to=zh&appid=2015063000000001&salt=1435660288&sign=f89f9594663708c1605f3d736d01d2d4"))) 例如我这里写一个class,实现迭代协议 1234567891011121314...
2022-03-09
Array.prototype.fill()
新的方法和概念,常常比解决问题本身更重要。——华罗庚 我们在前端开发中,可以使用fill函数来快速构建数组 1Array(5).fill(1,1,4) 得到的是这样一个数组: 1[, 1, 1, 1, ] 这里参数fill(value,start,end)也是可以省略的 12345678910111213141516[1, 2, 3].fill(4); // [4, 4, 4][1, 2, 3].fill(4, 1); // [1, 4, 4][1, 2, 3].fill(4, 1, 2); // [1, 4, 3][1, 2, 3].fill(4, 1, 1); // [1, 2, 3][1, 2, 3].fill(4, 3, 3); // [1, 2, 3][1, 2, 3].fill(4, -3, -2); // [4, 2, 3][1, 2, 3].fill(4, NaN, NaN); // [1, 2, 3][1, 2, 3].fill(4, 3...
2024-12-31
china_regions
微微怪时间不能保存情绪,保存那一切情绪所曾流连的境界。——《你是人间的四月天》 Github: https://github.com/wecatch/china_regions官网: LocationDemo 最近在处理一些需要中国行政区划数据的项目时,发现了一个非常实用的开源库——China Regions。这个库由 WeCatch 团队开发,提供了中国完整的省、市、区三级行政区划数据,所有数据都以JSON格式存储,非常适合用在表单、下拉菜单、地图等需要行政区划的场景中。 安装非常简单,如果是Python项目,直接使用pip安装就可以了。运行以下命令就可以把库安装到项目中: 1pip install china-regions 安装好之后,使用也很方便。数据以树状结构存储,可以很轻松地查询某个省份下的城市,或者某个城市下的区县。如果需要更高效的查询,可以将数据导入到数据库中,比如MySQL或者MongoDB,官方文档中也提供了完整的SQL脚本和样例代码。 使用过程中最直观的感受就是,这个库的数据非常干净,没有冗余信息,而且会定期更新。如果你需要最新的行政区划调整,比如某些...
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2198
标签
34
分类
0
Follow Me
公告
This is my Blog
最新文章
ppf-contact-solver2026-06-04
OpenStock2026-06-03
awesome-free-apps2026-06-02
FreeDomain2026-06-01
taste-skill2026-05-31
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中