perfect-scrollbar滚动条插件的基本使用

最新推荐文章于 2025-03-24 21:03:48 发布
最新推荐文章于 2025-03-24 21:03:48 发布
阅读量1.8w 收藏 2
点赞数 1
分类专栏： other 文章标签： 滚动条插件 perfect-scrollbar
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guoyiq/article/details/80004128
版权

今天用了perfect-scrollbar做了一个一般的滚动条，记录一下

html方面只需要加一个id和一个类名就行了


css方面最外层要有高度，我的这个高度是在js里面动态加的，所以没往上写


js上看着api上写就行


每个属性api上都有介绍

有的情况下需要丢成异步操作才行


vue2 pc端统一 滚动条的样式 使用插件 perfect-scrollbar，并且封装成指令使用，方便快捷。
qq_36571836的博客
05-18 725
【代码】vue2 pc端统一 滚动条的样式 使用插件 perfect-scrollbar，并且封装成指令使用，方便快捷。
element table滚动条占宽度_element-ui使用perfect-scrollbar修改table等滚动条
weixin_39710003的博客
12-19 916
首先是perfect-scrollbar的安装。选择插件而不是直接改css的原因，是因为需要兼容火狐你懂的。npm install perfect-scrollbar --save-devpublic.css，scroll-item是自定义类，类似于指令效果，加上clssname就自动生成scrollbar。之所以不用指令，是因为无法修改element-ui组件，用classname方便一点。tr...
perfect-scrollbar：简约但完美的自定义滚动条插件
02-04
完美滚动条 简约但完美的自定义滚动条插件 官方文档可以在找到。 要阅读版本小于1.0的文档，请访问 。 为什么选择完美滚动条？ perfect-scrollbar是简约但完美的（对我们来说，对于大多数开发人员而言）scrollbar插件。 设计布局无变化 无需对DOM树进行任何操作 使用普通的scrollTop和scrollLeft 滚动条样式是完全可定制的 高效的版式更新 希望您会喜欢！ 实时预览 查看代码段。 您可以立即将其派生用于测试和实验目的。 更有用的插件 您会在下面找到一些示例插件，您可以探索 目录 安装 现在就下载 您可以手动下载perfect-scrollbar。 npm
超棒的自定义超酷滚动条jQuery插件 - Perfect Scrollbar
weixin_30911451的博客
02-17 127
日期：2013-2-16来源：GBin1.com 在线演示 可能大家厌倦了千篇一律的页面滚动条，如果你希望能够设计出与众不同的页面UI设计的话，Perfect ScrollBar可能就是你寻找的解决方案。 这个滚动条来自于一个个人项目，一个简单但是非常棒的滚动条设计。当然这里也有其它的解决方案，如果你有兴趣也可以阅读： 使用jQuery插件jScrollPane开发Ma...
QML指示控件：ScrollBar与ScrollIndicator
最新发布
u011186532的专栏
03-24 893
在Qt Quick应用程序中，滚动条（ScrollBar）和滚动指示器（ScrollIndicator）是用于处理内容滚动的常用控件。它们为用户提供了直观的视觉反馈，帮助用户浏览超出可见区域的内容。本文将详细介绍ScrollBar和ScrollIndicator的使用方法、区别以及如何在实际项目中应用它们。
Perfect Scrollbar – 完美的 jQuery 滚动条插件
weixin_33991727的博客
05-07 461
　　Perfect Scrollbar 是一个很小的，但完美的 jQuery 滚动插件。滚动条不会影响原来的设计布局，滚动条的设计是完全可定制的。你可以改变几乎所有的 CSS 样式的滚动条，滚动条设计对脚本没有依赖性。 您可能感兴趣的相关文章 创意无限！一组网页边栏过渡动画【附源码下载】 真是好东西！13种非常动感的页面加载动画效果 你见过吗？9款超炫的复选框（Checkbox）效...
perfectscrollbar轻量级的滚动条外观与mac上chrome的滚动条一样
08-07
perfect scrollbar 轻量级的滚动条。外观与mac上chrome的滚动条一样
perfect-scrollbar 轻量级滚动插件
weixin_34133829的博客
03-17 283
它是一个轻量级的jquery插件。 需要引入的文件： css： #box { 　　position: absolute; 　　overflow: hidden; 　　height: 200px; 　　width: 200px; } js: componentDidMount() { $('#box').perfectScrollbar(); // ...
vue2-perfect-scrollbar:Vue.js包装器提供完美的滚动条
05-02
Vue.js简约但功能强大的包装器，可完美显示滚动条 您在寻找与Vue3兼容的版本吗？ 检查 为什么创建它？ 因为我 :red_heart: 在我的项目中使用（ :raising_hands: ）。 也是因为github上的当前解决方案已经过时或...
前端项目-jquery.perfect-scrollbar.zip
09-03
《完美滚动条插件：jQuery.perfect-scrollbar》 在前端开发中，滚动条往往被视为一个细节，但这个细节却能显著影响用户体验。`jQuery.perfect-scrollbar`是一个轻量级但功能强大的自定义滚动条插件，它使得网页的...
Vue.js完美滚动条插件：vue2-perfect-scrollbar使用指南
- **功能**: 该包装器允许在Vue.js项目中使用一个简约但功能强大的滚动条组件。 - **特点**: 组件能够以完美显示滚动条，提供美观且响应式的用户体验。 - **优势**: 与当前存在的GitHub上解决方案相比，`vue2-...
react-perfect-scrollbar:完美滚动条的React包装
05-02
React完美滚动条 这是一个包装，允许在React中使用 。 要阅读版本小于1.0的文档，请访问 。 用法 安装软件包npm install react-perfect-scrollbar -S如果您具有用于css文件的加载器，请导入css文件： import 'react-perfect-scrollbar/dist/css/styles.css' ; 将模块导入您要使用的位置： import PerfectScrollbar from 'react-perfect-scrollbar' 将您的内容包装在此组件中： < PerfectScrollbar> ... SCROLLBAR CONTENT HERE ... < / PerfectScrollbar > 道具 接受以下道具： 选项 用于初始化的可选参数。 有关更多信息，请
perfect-scrollbar
04-23
一款轻量级自定义滚动条jquery插件，前端爱好者，码农爱好者，一款自由发挥的jquery插件，提高用户体验。
perfect scrollbar jQuery鼠标滚轮滚动事件
01-05
比较好用的perfect scrollbar jQuery鼠标滚轮滚动事件
PerfectScroll:具有自动滚动功能的完美滚动条
05-12
完美卷轴 具有自动滚动功能的完美滚动条
vue3-perfect-scrollbar:Vue.js包装器为版本3提供了完美的滚动条
04-29
vue3-perfect-scrollbar Vue.js简约但功能强大的包装器，可完美显示滚动条 为什么创建它？ 因为我 :red_heart: 在我的项目中使用（ :raising_hands: ）。 也是因为github上的当前解决方案已经过时或过于复杂。 你为什么要使用它？ 因为您想以一种简单的方式将加载到Vue项目中。 也是因为此插件是通过汇总进行更新，测试和构建的。 这样您就不会发现任何不必要的东西 :pile_of_poo: 此仓库中的代码。 我希望 :folded_hands: 。 如果您有合理的公关资格，欢迎您 :sign_of_the_horns: 安装 npm npm install vue3-perfect-scrollbar 纱 yarn add vue3-perfect-scrollbar 如何使用 全球注册 import { createApp } from 'vue' import App from './App.vue' import PerfectScrollbar f
perfect-scrollbar 一个全浏览器适用的自定义scrollbar，使用方法 中文文档
热门推荐
m0_37895683的博客
11-29 1万+
在开发过程中为了保持界面样式的一致性，需要自定义scrollbar的样式，可是只有chrome可以定义样式，IE只能设置颜色，火狐是直接不可以设置，于是就找了这个库，它是github开源的，但没有中文文档，只有英文的，下面是我翻译的中文文档，英语水平不好，有错请见谅，可以评论告诉我修改。 源码以及英文api：GitHub地址：点我点我 使用中的一些常见问题可以在这个官方wiki中找到：点我点我...
vue下使用perfect-scrollbar（自定义指令封装）
guanfeii的博客
02-21 781
链接地址：https://segmentfault.com/a/1190000014821207
准确取得当前滚动条的位置
JH0610Y的专栏
07-10 695
准确取得当前滚动条的位置，正确的使用方法是：       document.documentElement.scrollTop：垂直方向      document.documentElement.scrollLeft：水平方向
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值