avatar
文章
2359
标签
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() {}, ...
相关推荐
2021-12-28
contenteditable
要随时牢记在心中:决心取得成功比任何一件事情都重要。——林肯 只要给html标签添加一个属性叫contenteditable,即可点击进行编辑: 1<div contenteditable>ruben</div>
2023-06-18
CamanJS
过分宽大的法律,不易使人服从;太严厉的法律,则绝少被遵守。——富兰克林 分享一个前端基于canvas的图片js库 http://camanjs.com/ https://github.com/meltingice/CamanJS 安装 1npm install caman 用法: 1234567Caman('#my-image', function () { this.brightness(10); this.contrast(30); this.sepia(60); this.saturation(-30); this.render(); }); html 12345<img data-caman="brightness(10) contrast(30) sepia(60) saturation(-30)" data-caman-hidpi="/path/to/image@2x.jpg" src="path/to/image.jpg&q...
2021-01-22
使用layui快速渲染表格
耳闻之不如目见之,目见之不如足践之。一一刘向《说苑》 我们首先准备一个接口,格式如下 12345678910111213141516# 请求方法为POST,参数格式为:application/json{"pageNum":1,"pageSize":10}# 响应格式如下{ "msg": "查询成功!", "code": 200, "data": { "records": [], "total": 0, "size": 10, "current": 1, "searchCount": true, "pages": 1 }, "success": true ...
2025-03-27
gitalk
我荒废了时间,时间便把我荒废了。——莎士比亚 https://github.com/gitalk/gitalk https://gitalk.github.io/ 用 Gitalk 给博客添加评论系统:优雅、开源、无后端依赖 在搭建个人博客时,我们经常面临一个小难题:评论系统用什么好?传统方案如 Disqus 虽然功能强大,但加载慢、隐私问题多;国内的评论系统则可能存在稳定性和接入成本。 于是我选择了一个更极客、更自由的方式:Gitalk —— 一个基于 GitHub Issues 的评论系统。 什么是 Gitalk?Gitalk 是一个利用 GitHub Issues 构建的评论系统,由 gitalk 开发者团队 创建。它的设计理念很简单: 既然每个人都有 GitHub 账号,为什么不能用 GitHub 直接发评论? 它通过 GitHub 的 OAuth 授权,允许访问者在你指定的仓库中创建/回复 issue,从而完成评论功能。 Gitalk 的优点 ✅ 完全免费,只依赖 GitHub,无需后端服务器 ✅ 界面简洁,支持 Markdown、高亮、表情 ...
2020-09-04
js学习之call和apply
贪玩蓝月真好玩,但学习还是要继续的 我们平时调用一个js函数是这样的 12345678910var ruben = { say: function (word) { if (this.name == null) { this.name = "ruben"; } return this.name + "说:" + word; }}var whatRubenSaid = ruben.say("做猪呢,最重要的是开心");console.log(whatRubenSaid); 输出结果 那么我们现在新创建一个对象 123var Achao = { name: "Achao"} 如果我们想在Achao里调用ruben里的say函数 我们就可以这样 12var whatAchaoSaid = ruben.say.call(Achao, &quo...
2025-02-05
vue-vben-admin
你与别人花费一样的时间,因为别人用心,而你吊儿郎当,所以到了最后检验成果的时候,别人成功,而你除了赔了时间之后,一无所得。——飞行员舒克 https://github.com/vbenjs/vue-vben-adminhttps://www.vben.pro/ 在开发后台管理系统时,Vue Vben Admin 是一个让我印象深刻的项目。它基于 Vue 3、Vite 和 TypeScript,为开发者提供了一个功能丰富的中后台模板,开箱即用。通过结合现代前端技术栈,Vben Admin 在性能优化、开发体验和灵活性上都表现得非常出色。 项目特点 最新技术栈:使用 Vue 3 和 Vite 进行开发,支持热更新和快速构建,极大提升了开发效率。 TypeScript 支持:代码类型安全、自动补全,降低了代码维护成本。 主题系统:支持多套预定义主题,用户还可以自定义主题色彩,打造符合品牌风格的界面。 国际化(i18n):内置国际化方案,支持多语言切换,方便面向全球用户的项目开发。 权限管理:提供动态路由和权限控制方案,可以根据用户角色灵活配置不同的页面和功能访问权限。 这些特点...
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2359
标签
36
分类
0
Follow Me
公告
This is my Blog
最新文章
codex-security2026-11-13
sure2026-11-12
mujoco2026-11-11
agent-browser2026-11-10
OpenMausBot2026-11-09
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中