headroom.js
发表于|更新于
|浏览量:
寡言省谤，寡欲保身——佚名
昨天说到了enquire.js
作者还有一个更加多stars的项目headroom.js，目前有10.9K stars
https://github.com/WickyNilliams/headroom.js
官网网址：https://github.com/WickyNilliams/headroom.js
这个项目就是一个简单的头部，往下滑头部会收起来，往上又出现
.gif)
相关推荐
2022-01-25
水波纹按钮动画
生活是种律动，须有光有影，有左有右，有晴有雨。——老舍 代码： 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .login { display: flex; align-items: center; justify-content: center; margin-top: 200px; } ...
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...
2022-08-05
Navigator.clipboard
人类侥幸拥有了智慧，就应该善用它。——王小波 惯例，MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/clipboard 注意该API只能在https或者本地开发环境生效 剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard，该属性返回一个可以读写剪切板内容的 Clipboard 对象。 在 Web 应用中，剪切板 API 可用于实现剪切、复制、粘贴的功能。 只有在用户事先授予网站或应用对剪切板的访问许可之后，才能使用异步剪切板读写方法。许可操作必须通过取得权限 Permissions API 的 "clipboard-read" 和/或 "clipboard-write" 项获得。 我们来写一段代码： 123456789<body> <div class="cliptext"></div> <script> ...
2024-08-26
vuemotion
青春是一种持续的陶醉，是理智的狂热。——拉罗什富科 作为vue的动画框架 https://github.com/Bug-Duck/vuemotion 目前属于非常崭新的项目，但是其积累是源自于newcar，因此备受期待 VueMotion 是一个现代动画引擎，就像 Python 的 Manim for Vuejs 生态系统一样，它提供了大量的小部件来帮助用户快速制作动画和视频。并且它具有很高的可扩展性，这意味着您可以轻松创建自己的动画风格。 VueMotion 的前身是 Newcar 动画引擎，但后来因为一些特殊原因停止了开发。如果你是 Newcar 的老用户，欢迎你迁移到 VueMotion。 其团队也是非常之年轻，还在读高中就已经开始做开源 Roadmap Basic Widget Arc Group Line Polygon Rect Text Image Mask Webview Polyline Animations move rotate scale create destroy stroke...
2024-01-15
纯css实现炫酷头像效果
官僚作风是一门使可能变成不可能的艺术。——萨尔塞多 分享一个炫酷头像效果： 从b站渡一教育的一个视频看到的（不是推广，只是注明出处） 123456789101112131415161718192021222324252627282930313233343536373839<style> img { --s: 280px; --c1: #c02942; --c2: #ecd078; --b: 5px; --f: 1; --bgOption: content-box no-repeat center/ calc(100% / var(--f)) 100%; --shrink: calc((var(--s) / var(--f) - var(--s)) / 2 - var(--b)); width: var(--s); height: var(--s); cursor: pointer; transition: 0.5s; padding-top: 100px; outline: ...
2022-09-03
canvas视频截帧
礼貌是儿童和青年都应该特别小心地养成习惯的第一件大事——约翰·洛克 先放代码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136<script> /** * * @param src string 视频url * @param currentTime double 视频截取位置,单位秒 * @return 截取图片的 base64 */ ...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog