仿钉钉官网滚动效果
发表于|更新于
|浏览量:
恭维含有一种毒剂，使最坚强的人也不免昏昏陶醉。——大仲马
今天在bilibili刷到个视频
https://www.bilibili.com/video/BV12z4y1s7nE/
发现实现了钉钉官网效果
非常的炫酷，仓库源码：
https://gitee.com/vary-space/hello-world/tree/12z4y1s7nE
相关推荐
2022-04-22
css实现鼠标划入显示拖动条
古之立大事者，不惟有超世之才，亦必有坚忍不拔之志。——苏轼 代码如下： 1234567891011121314151617181920212223242526272829<!DOCTYPE html><html> <head> <style> .ruben-container{ height: calc(100vh - 70vh); width: calc(100vw - 70vw); overflow-y: auto; } .ruben-container::-webkit-scrollbar { width: 4px; } .ruben-container::-webkit-scrollbar-thumb{ ...
2023-08-25
js阻止默认事件踩坑
人这种卑鄙的东西，什么都会习惯的。——陀思妥耶夫斯基《罪与罚》 今天遇到一个问题，我想阻止浏览器默认的滚动事件，却阻止不了还一直报错 123456789101112131415161718192021<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div style="height: 2000px;background:#888"> </div> <script> document.addEventL...
2023-02-06
js发送通知
温和的对待，不会使敌人变成朋友——萨迪 文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Notification https://developer.mozilla.org/zh-CN/docs/Web/API/notification/requestPermission 代码如下 1234567Notification.requestPermission().then((permission) => { // If the user accepts, let's create a notification if (permission === "granted") { const notification = new Notification("Hi there!"); // … } }); 效果： 完整代码： 1234567891011121314151...
2026-01-10
bilibili-API-collect
时间就是生命，无端的空耗别人的时间，其实无异于谋财害命的。——鲁迅 今天来点真材实料：把 B 站的接口资料“一网打尽”的开源文档库——bilibili-API-collect。仓库地址：SocialSisterYi/bilibili-API-collect，官网文档（GitHub Pages）：https://socialsisteryi.github.io/bilibili-API-collect/ 一句话（来自仓库 description）：哔哩哔哩-API收集整理【不断更新中….】 这玩意儿到底有啥用 它是面向开发者的“接口百科全书”：把 B 站的各类 API 使用方法集中整理，持续更新。 主题覆盖广（见仓库 Topics）：api、bilibili、bilibili-api、bilibili-live、bilibili-login、bilibili-download、bilibili-danmaku、bilibili-comment、grpc、json。 自带文档站点：用 VuePress（仓库有 .vuepress 目录）把 Markdown 文档发布成...
2025-08-01
x6
人们宁愿去关心一个蹩脚电影演员的吃喝拉撒和鸡毛蒜皮，而不愿了解一个普通人波涛汹涌的内心世界。——路遥《平凡的世界》 X6 ：让你的流程图、DAG、ER图开发像搭积木一样高效有趣！如果你是一名开发者、产品经理，或者数据分析师，是否曾为“如何快速搭建一个好用、美观、可定制的流程图/DAG/ER图编辑器”而头疼？AntV X6，就是为了解决你的痛点而生的专业图编辑引擎！ X6是什么？X6 是 AntV 旗下的图编辑引擎，专为流程图、DAG 图、ER 图等各类图应用打造。它提供了简单易用的节点定制能力和丰富的交互组件，让你像搭积木一样快速实现强大、个性化的图应用，无论你是用 SVG、HTML、React、Vue 还是 Angular，都能轻松上手定制。官网直达：https://x6.antv.antgroup.com 四大核心特性，让图编辑开发变得“丝滑”！🌱 极易定制 支持 SVG/HTML/React/Vue/Angular 各种主流技术栈，无论你喜欢哪种方式，都能打造出炫酷的节点样式和交互效果。 节点、边都能灵活...
2021-08-24
页面滚动事件
有些路是非要单独一人去跋涉，路再远再长，也得独自默默走下去。——席慕蓉 HTML DOM事件大全：https://www.runoob.com/jsref/dom-obj-event.html 可以如下写法： 12345window.onscroll = function() { console.log("滚动上下距离" + document.documentElement.scrollTop || document.body.scrollTop); console.log("滚动左右距离" + document.documentElement.scrollLeft || document.body.scrollLeft);}// jquery $(window).scroll(()=>{}) uniapp页面生命周期文档：https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%...