插件库

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

Scrollama.js（网页滚动效果）

浏览 183 扫码 分享 2023-03-21 06:42:14

    Scrollama.js
    一个网页滚动效果的封装库，基于 IntersectionObserver API。

    示例：https://russellgoldenberg.github.io/scrollama/basic/

    若有收获，就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • 本知识库是对工作和学习中前端插件的汇总
    • 开源 API（百度、高德等）
    • Web Component 组件库
    • 社区精选组件
    • 其他插件
    • CSS 插件
      • chroma.js（颜色处理）
      • style-it（纯文本css）
      • PostCSS（转换 CSS 代码）
      • classnames（连接className）
      • 纯 CSS 库，各种形状的背景
    • 视图插件
      • leonsans（字体动画）
      • masonry（网格页面）
      • fullPage.js（一屏滚动）
      • hammer.js（检测手势）
      • jsPlumb（元素连接线）
      • pagemap（缩略导航图）
      • nprogress（顶部进度条）
      • （轮播效果）swiper、slick、react-responsive-carousel
      • darken(网页亮/暗模式切换)
      • Scrollama.js（网页滚动效果）
      • Grade.js（图片生成渐变背景）
      • screenfull.js（DOM 全屏展示）
      • leader-line（绘制指引线的JS库）
      • react-mosaic（浏览器窗格框架）
      • react-infinite-scroller（滚动加载）
      • jexcel、x-spreadsheet（表格管理）
      • react-visibility-sensor（传感器组件）
      • numeric-keyboard（移动端数字键盘）
      • react-shimmer（加载时模拟闪烁效果）
      • signature_pad.js（H5画布，手写签名）
      • smooth-signature（带笔锋的手写签名）
      • React Content Loader（骨架布局生成器）
      • position: sticky & react-sticky（吸顶效果）
    • 优化插件
      • memoize-one（记忆化技术）
      • （虚拟滚动）react-window、react-virtualized、antd-table-infinity
      • instant.page & quicklink（预加载）
      • react-loadable-visibility（仅加载可见内容）
      • （代码分割）react-loadable、@loadable/component
    • 数学插件
      • nzh（数字转中文）
      • BigNumber.js（数值计算，解决精度问题）
    • 媒体插件
      • （音乐播放器）APlayer、
      • compressorjs（图片压缩）
      • react-cropper（图片剪裁）
      • 360°查看图片 & 全景图片
      • （图片查看）zooming、viewer、photoswipe
      • （Dom 生成图片）dom-to-image、html2canvas、原生
      • （视频播放器）griffith、video.js、video-react、flv.js 等
    • 动画插件
      • 动画组件库
      • （动画打字效果）typing.js、typeit、无 JS 打字
      • anime（动画插件）待实现demo
      • （数值变化效果）react-countup、Ant Motion、纯 CSS 实现
    • 编辑器插件
      • Rete.js（节点编辑器）
      • react-ace（代码编辑器）
      • jsoneditor（JSON编辑器）
      • editor.md（在线编辑器组件）
      • monaco-editor（vsCode 编辑器）
      • （富文本编辑器）braft-editor、WangEditor
    • 方法类插件
      • history
      • js-cookie
      • json数据格式化
      • crypto-js（加密工具）
      • nanoid（极小的 uuid 库）
      • array-move（移动数组元素）
      • omit.js（删除对象字段）无用
      • lodash && lodash-decorators
      • rc-util（React 组件的常用工具）
      • url 处理（url、qs、query-string）
      • （复制粘贴）原生、antd、clipboard.js、copy-to-clipboard、react-copy-to-clipboard
    • 工具类插件
      • eslint-config 插件集
      • Print.js（web 打印）
      • mockjs（模拟数据）
      • GoEasy（web实时通讯）
      • spy-debugger (手机调试)
      • nodemon（自动重启工具）
      • FileSaver.js（文件下载导出）
      • IDValidator（身份证号验证）
      • hello.js（用于 OAuth2 登录）
      • depcheck（检查项目中的依赖项）
      • devtools-detector（控制台检测器）
      • RequireJs（异步加载js文件 - 2012）
      • react-pdf（创建PDF文件、支持下载）
      • websocketd（启动和守护 WebSocket 进程）
      • react-dev-inspector（从浏览器导航到编辑器）
      • 获取图片exif元数据信息（GPS、拍摄时间等等）
      • react-intl、react-intl-universal（国际化语言插件）
      • postscribe（异步加载 js，且支持document.write）
    • 日期时间插件
      • day.js、date-fns（日期时间库）
      • 【转】你可能不需要Moment.js
      • moment（日期处理类库，你不需要momentjs）
    • 增强用户体验插件
      • react-router-navigation-prompt（离开页面提示）
    • 安全
      • sanitize-url（url 安全处理）
    • 百度开源
      • 百度地图
        • 文档和问题汇总 - 百度地图
        • 添加/切换标记、行政区划、主题 - 百度地图
      • echarts（百度数据可视化工具）
        • echarts 宽高自适应
        • echarts 相关网站/配置
        • echarts 实例：基础雷达图
        • echarts 实例：百分比散点图
        • echarts 实例：基础环形饼图
        • echarts 实例：条形图自动轮播
        • echarts 实例：折线图
        • echarts 实例：带背景百分比横向条形图
    • 阿里开源
      • 高德地图
        • 高德地图文档
        • 高德地图使用
      • antd（Ant Design）
      • Antd 相关国内镜像
      • Kiwi（阿里 - 国际化）
      • antd-mobile 问题汇总
      • AntV | 蚂蚁数据可视化
      • Ant Motion（动画组件）
      • antd 注意事项 & 问题报错
      • X6（简单易用的图编辑引擎）
    • 科澜开发
      • 科澜三维图形
    暂无相关搜索结果！

      让时间为你证明

      展开/收起文章目录

      分享，让知识传承更久远

      文章二维码

      手机扫一扫，轻松掌上读

      文档下载

      请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度
          思维导图备注