avatar
文章
2279
标签
36
分类
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() {}, ...
相关推荐
2025-11-22
playcanvas-engine
生活就像一盒巧克力,你永远不知道下一颗是什么味道。——阿甘·弗雷斯 PlayCanvas Engine 深度观察:在浏览器原生跑起来的开放式 3D/WebXR/WebGPU 游戏引擎 仓库地址:playcanvas/engine描述:Powerful web graphics runtime built on WebGL, WebGPU, WebXR and glTF官网:PlayCanvas 网站 | 用户手册 | API Reference | 在线示例 | 官方博客(这些入口均在 README 顶部有导航)许可证:MIT语言:JavaScript / TypeScript(脚本可二选一)核心技术关键字(源自仓库 Topics):webgl webgl2 webgpu webxr gltf game-engine gaussian-splatting 等 PlayCanvas Engine 是一个完全开源、浏览器原生运行的实时 3D / 游戏 / 交互内容引擎。它的定位并不是“另一个封装层”,而是一套将现代 W...
2022-11-12
get请求包参数属性为数组(二)
伤害可能被原谅,但不会被遗忘——伊索 之前写过一篇get请求包含参数属性为数组 但是发现不适用数组不为对象的情况,例如ids: [1024, 2048, 4096],而且可读性有点差,使用起来还得转下参数,所以封装了改良版 1234567891011121314151617181920212223242526272829303132333435let searchParams = { current: 1, size: 1, orders: [ { column:'age', asc:true }, { column:'name', asc:true } ], ids: [1024, 204...
2024-11-03
typescript-exercises(八)
再也无需前思后想,一切岂非已然过往。——《且听风吟》 题目: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293/*Intro: Project grew and we ended up in a situation with some users starting to have more influence. Therefore, we decided to create a new person type called PowerUser which is supposed to combine everything User and Admin have.Exercise: Define type PowerUser which sh...
2025-06-30
meter标签
文变染乎世情,兴废系乎时序。一一刘勰 HTML <meter> 标签详解:数据范围与可视化的理想选择在现代 Web 开发中,可视化数据变得越来越重要。无论是展示进度、评分、性能指标还是任何有明确上下限的度量值,HTML5 提供的 <meter> 标签都能让开发者轻松实现直观、语义化的展示。本文将详细介绍 <meter> 标签的用法、属性、应用场景,以及与 <progress> 标签的区别。 一、什么是 <meter> 标签?<meter> 是 HTML5 新增的标签,用于表示标量测量值(即有范围的度量值),如磁盘用量、投票结果、健康值、评分等。它能为用户提供一目了然的数值状态,并具备良好的可访问性和语义性。 官方文档:MDN - <meter> 元素 二、基本语法与用法最简单的用法如下: 1<meter value="0.7">70%</meter> 效果:显示一个表示 70% 的可视化条。 浏览器默认会根据 <meter>...
2020-08-22
字符串的split和join
split() 将字符串拆分成数组 join() 将数组合并 参数为分隔符 两套代码 123456#JavaScriptvar str = "ruben";var array = str.split('');array.forEach(s => console.log(s));str = array.join('');console.log(str); 以及 12345678//javaString str = "ruben";String[] array = str.split("");for (String s : array) { System.out.println(s);}str = String.join("", array);System.out.println(str);
2023-07-28
psd脚本坑
爱情可意会,不可言传——佚名 psd的js脚本 | 阿超 问题出在我在编写一个执行psd脚本的脚本时 大概代码如下: 123for (var i = 0; i < files.length; i++) { $.evalFile(files[i])} 问题来了,这里的i在files[i]对应这个脚本里也用到了i变量 结果等我debug发现,其变量收到了污染。。。 i等执行完毕这个脚本后变成了循环预期外的值 换个变量即可
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2279
标签
36
分类
0
Follow Me
公告
This is my Blog
最新文章
awesome-gpt-image-22026-08-24
nodeterm2026-08-23
llmfit2026-08-22
holehe2026-08-21
needle2026-08-20
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中