网站首页 > 精选文章 正文
前两天有分享一个自己开发的react.js自定义滚动条RScroll。今天再分享一款不错的React滚动条组件MagicScroll.js。
magicscroll.js 一个react.js自定义滚动条组件。完美支持兼容TypeSciprt、 SSR、 PC、移动端、触屏。
特性
- 支持自定义滚动条,滚动轨道,滚动容器等。有丰富的API和事件;
- 只需<magic-scroll>包裹内容即可出现自定义滚动条;
- 支持TypeSciprt、 SSR、 PC、移动端、触屏友好;
- 支持检测内容尺寸发生变化;
快速开始
安装
# 通过yarn或者npm安装
yarn add magic-scroll
# 或者
npm i magic-scroll -S
使用
// 引入magic-scroll组件
import Scrollbar from 'magic-scroll';
import React from 'react';
class BasicDemo extends React.Component {
render() {
return (
<div className="parent">
<Scrollbar keepBarShow>
<div className="child" />
</Scrollbar>
</div>
);
}
}
end,附上项目文档及地址。感兴趣的同学可以去看下哈~~
# 文档地址
https://magicscrolljs.yvescoding.org/
# 仓库地址
https://github.com/YvesCoding/magic-scroll
ok,今天就分享到这里。希望大家能喜欢。
猜你喜欢
- 2025-10-14 Sensata发布新型低噪声固态继电器
- 2025-10-14 【推荐】一款高效全能的后端快速开发框架,支持一键代码生成!
- 2025-10-14 玩转服务器之网站篇:新手使用WordPress搭建博客和静态网站部署
- 2025-10-14 想玩胜利女神妮姬新角色?来看看nikke游戏下载、加速保姆级教程
- 2025-10-14 如何召回流失用户?浅看《阴阳师》的操作
- 2025-10-14 新版AltStore可让你在iOS上加载未经验证的App:无需越狱 不会撤销
- 2025-10-14 如何下载安卓APK安装文件_安卓apk怎么安装程序
- 2025-10-14 备份安卓手机中的APK安装文件?小编这儿有4种方法
- 2025-10-14 Openwrt插件——OC猫安装及简单配置
- 2025-10-14 服务器端渲染(SSR):在React中实现性能优化
- 最近发表
- 标签列表
-
- 向日葵无法连接服务器 (32)
- git.exe (33)
- vscode更新 (34)
- dev c (33)
- git ignore命令 (32)
- gitlab提交代码步骤 (37)
- java update (36)
- vue debug (34)
- vue blur (32)
- vscode导入vue项目 (33)
- vue chart (32)
- vue cms (32)
- 大雅数据库 (34)
- 技术迭代 (37)
- 同一局域网 (33)
- github拒绝连接 (33)
- vscode php插件 (32)
- vue注释快捷键 (32)
- linux ssr (33)
- 微端服务器 (35)
- 导航猫 (32)
- 获取当前时间年月日 (33)
- stp软件 (33)
- http下载文件 (33)
- linux bt下载 (33)