headroom.js
发表于|更新于
|浏览量:
寡言省谤，寡欲保身——佚名
昨天说到了enquire.js
作者还有一个更加多stars的项目headroom.js，目前有10.9K stars
https://github.com/WickyNilliams/headroom.js
官网网址：https://github.com/WickyNilliams/headroom.js
这个项目就是一个简单的头部，往下滑头部会收起来，往上又出现
.gif)
相关推荐
2021-07-15
自定义鼠标
无息乌乎生，无绝乌乎续，无无乌乎有？ ——明·宋应星《谈天·日说三》 我们可以使用CSS中的 1cursor: url(https://VampireAchao.github.io/imgs/mouse1.cur),auto; 去自定义我们的鼠标图片 这里后面的auto是如果前面鼠标图片失效时的备选方案 我们也可以改成default、pointer等等 甚至可以多个并存 1cursor: url(https://VampireAchao.github.io/imgs/mouse1.cur),url(https://VampireAchao.github.io/imgs/mouse2.cur),auto; 效果如下
2022-07-24
js修改复制到剪贴板的内容
祝你今天愉快，你明天的愉快留着我明天再祝。——《爱你就像爱生命》 MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/Element/copy_event demo： 123456789101112131415161718192021222324252627<!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, initial-scale=1.0"> <title>copy</title></head>&...
2023-05-24
js实时协作编辑器
爱护才华吧，保护那些才华修美的人物吧。文明的民族啊，培养他们吧。——卢俊 https://github.com/ether/etherpad-lite https://etherpad.org/ 效果： 非常地nice
2026-08-15
soybean-admin
古来一切有成就的人，都很严肃地对待自己的生命，当他活着一天，总要尽量多劳动，多工作，多学习，不肯虚度年华，不让时间白白地浪费掉。—— 邓拓 SoybeanAdmin：把后台管理系统的起点，做得清爽、优雅而有秩序项目地址：https://github.com/soybeanjs/soybean-admin 后台管理系统往往是业务真正开始运转的地方。 用户、订单、权限、内容、报表、配置、监控、运营数据，许多看似不在聚光灯下的工作，最终都会汇聚到管理后台之中。它不一定是用户最常直接接触的页面，却往往是团队每天打开频率最高、停留时间最长的系统。 也正因如此，一个后台模板的价值，从来不只是“先搭几个菜单和页面”。 它需要有清晰的项目架构，需要有稳定的技术基础，需要能够承接权限、路由、主题、国际化和移动端适配，也需要让开发者在不断增加业务模块时，依然保持代码和界面的秩序。 SoybeanAdmin 正是在这样的背景下出现。 它是一套基于 Vue 3、Vite 8、TypeScript、Pinia、Naive UI 与 UnoCSS 构建的后台管理模板。它强调清新、优雅、高颜值与功能性，也...
2021-08-30
颜色拾取器
志向是天才的幼苗，经过热爱劳动的双手培育，在肥田沃土里将成长为粗壮的大树。——苏霍姆林斯基 官网：https://www.eyecon.ro/colorpicker/ 效果： 代码： 1234567891011121314151617181920212223242526272829303132<head> <link media="screen" rel="stylesheet" href="admin/plugins/colorpicker/css/colorpicker.css" type="text/css"/></head><body><div> <div id="tag-color-picker"> <input type="text" id="tag-color-input')"/> </div...
2025-02-17
animejs示例
读书使人充实，思考使人深邃，交谈使人清醒。——富兰克林 https://codepen.io/collection/XLebem/ 这里有anime.js实现的不少案例 例如移动端的卡片弹出动画实现： https://codepen.io/aryankap/pen/poERmEM 带进度条的提交按钮： https://codepen.io/andrewmillen/pen/MoKLob 带动画的小图标： https://codepen.io/nat-davydova/details/dyorEMm 夜间模式切换按钮： https://codepen.io/borntofrappe/details/aboPapm 等等