文件名称:基于滚动位置旋转元素的非常简单的React组件
文件大小:18KB
文件格式:ZIP
更新时间:2024-06-28 10:41:14
react-scroll-rotate (demo) 基于滚动位置旋转元素的非常简单的React组件安装 npm install --save react-scroll-rotate 用法 import React, { Component } from 'react'; 导入 { ScrollRotate } from 'react-scroll-rotate'; 函数 MyTitleComp(props) { 返回 ( 你好 世界 ) } 道具属性类型默认描述目标字符串空目标元素ID。 默认情况下,它将使用窗口滚动油门编号 null 使用 'throttle' 道具在 X 秒内调用一次更新,从编号 0 旋转起点到编号 360 旋转终点方法字符串 'px' 使用 'perc' 更改基于滚动的旋转百分比。 循环数 1 使用方法“perc”时,定义滚动到底部时组件将执行的循环次数 animationDuration 数 0.1 动画持续时间许可证 MIT
【文件预览】:
react-scroll-rotate-master
----.gitignore(28B)
----package.json(1KB)
----src()
--------index.js(43B)
--------Component.js(4KB)
--------Function.WithHooks.js(4KB)
----next.config.js(112B)
----LICENSE(1KB)
----rollup.config.js(795B)
----README.md(2KB)
----.npmignore(36B)
----pages()
--------components()
--------index.js(494B)
--------styles.js(4KB)
--------sections()