headroom.js
发表于|更新于
|浏览量:
寡言省谤，寡欲保身——佚名
昨天说到了enquire.js
作者还有一个更加多stars的项目headroom.js，目前有10.9K stars
https://github.com/WickyNilliams/headroom.js
官网网址：https://github.com/WickyNilliams/headroom.js
这个项目就是一个简单的头部，往下滑头部会收起来，往上又出现
.gif)
相关推荐
2021-05-15
splice
一百个满怀信心和决心的人，要比一万个谨小慎微的和可敬的可尊重的人强得多。——辛克莱 最近发现前端中对于数组有这样一个函数splice非常好用 首先我们可以这样 12var list = [1,2,3,4,5];list.splice(1) 可以看到我们从下标为1开始的2，截取了剩余部分 最后结果为2,3,4,5 但这是splice函数的返回值，我们如果看之前的list，可以看到只剩1了 因为1后面的被我们的splice截取掉啦 那我们如果传入两个参数，例如我这里从下标为3开始，截取两个元素 我们再看看原来的list，果然是剩下的1,2,3 如果我们想要截取时还要对应替换的话？ 例如我这里想把3,4,5替换成4,5,6 就可以这么写 最后得到的list就是我们想要的结果 但如果我们想要截取掉的部分，就直接取splice的返回值即可 这里从下标2开始截取掉了两个元素3,4，换成了4,5
2020-09-17
一篇，让你会写原生ajax
在这个社会转型期，最大的悲剧不是坏人的嚣张，而是好人的过度沉默。——马丁·路德·金 非常简单啦~ 大家可以拿去任意定制，比如请求方式使用参数传入、指定参数类型、调用时控制是否同步等 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109var Ajax = { /** * get参数格式化，转换对象成url方式 * @param data 对象 转换前： {"username":"ruben","password":"achao"} * @returns &...
2022-04-04
vercel
请给我勇气和欢愉，我要攀登这一天的顶峰。——博尔赫斯 vercel可以快速开发前端网站然后一键部署 网址：https://vercel.com/ 进来后我们登陆了可以看到控制台，创建一个应用 我这里选择一个nuxt.js的模板，点击create 我们的代码就已经自动clone到我们的github仓库中了 此时开始了自动部署 在一阵烟花特效后，点击Go to Dashboard可以回到控制台 进入我们的应用 点击visit即可访问 完成
2020-09-07
常用正则
我发现，一个人在放弃给别人留好印象的负担之后，原来心里会如此踏实。——严歌苓 分享一点常用正则 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185...
2021-05-21
jquery跳转页面指定元素位置
懒惰象生锈一样，比操劳更能消耗身体;经常用的钥匙，总是亮闪闪的。——富兰克林 代码如下 12345678// 获取到jquery节点 var targetDom = $('#achao') // 获取x坐标 var x = targetDom.offset().top; // 获取y坐标 var y = targetDom.offset().left; // 页面800ms内跳转到x坐标-200的地方 $('html,body').animate({scrollTop: x-200}, 800);
2024-12-01
skew
醉过才知酒浓，爱过才知情重。你不能做我的诗，正如我不能做你的梦。——胡适 https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function/skew CSS中的skew()函数：打造斜切效果在前端开发中，CSS transform属性为我们提供了强大的工具来操控元素的外观，而skew()函数正是其中一种常用的变换方式。本文将带你详细了解skew()的原理、用法以及它如何为你的网页增添设计灵感。 什么是skew()？skew()是一种 2D 变换函数，用于对元素进行斜切变换。简单来说，它会将元素沿着 X 轴或 Y 轴方向倾斜一定的角度，创造出一种动态的透视效果。它的应用场景广泛，包括按钮动画、卡片设计和图形变换等。 语法1transform: skew(ax, ay); ax：沿 X 轴的倾斜角度（可选，默认值为 0）。 ay：沿 Y 轴的倾斜角度（可选，默认值为 0）。 单位为角度（deg），也可以使用弧度（rad）或其他角度单位。 用法示例1. 基本应用 以下示例将一个矩形沿 X 轴倾斜 20...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog