日期:2013-2-16 来源:GBin1.com
可能大家厌倦了千篇一律的页面滚动条,如果你希望能够设计出与众不同的页面UI设计的话,Perfect ScrollBar可能就是你寻找的解决方案。
这个滚动条来自于一个个人项目,一个简单但是非常棒的滚动条设计。当然这里也有其它的解决方案,如果你有兴趣也可以阅读:
使用jQuery插件jScrollPane开发Mac OSX Lion风格的滚动条
一个仿Apple - OS X Lion操作系统风格的滚动条jQuery插件- lionbars
主要特性:
- 不需要修改任何的元素的css
- 滚动条不影响最初的页面布局设计
- 滚动条支持完整的自定义
- 滚动条的尺寸和位置会随着容器尺寸或者内容的变化而变化
- 依赖于jQuery和相关几个类库
- 不需要定义宽度和高度。它会固定在容器的右下
- 你可以修改任何滚动条的样式,不依赖于其它脚本
- 滚动条支持'update'方法。如果你需要修改滚动条的位置和大小,只需要调用这个方法即可
- 不使用'scrollTop'和'scrollLeft',不是用任何绝对定位
使用要求:
- 必须有一个内容元素
- 容器必须拥有一个'position'的CSS样式定义
- 滚动条的position必须是'absolute'
- scrollbar-x必须拥有一个bottom的样式定义,scrollbar-必须有一个'right'的样式定义
如何使用:
.......
via gbtags
相关推荐
前端项目-jquery.perfect-scrollbar,Minimalistic but perfect custom scrollbar plugin
React完美滚动条 这是一个包装,允许在React中使用 。 要阅读版本小于1.0的文档,请访问 。 用法 安装软件包npm install react-perfect-scrollbar -S如果您具有用于css文件的加载器,请导入css文件: import '...
比较好用的perfect scrollbar jQuery鼠标滚轮滚动事件
svelte组件:svelte3.x自定义美化虚拟滚动条组件svelte-scrollbar.doc
vue3-perfect-scrollbar Vue.js简约但功能强大的包装器,可完美显示滚动条为什么创建它? 因为我 :red_heart: 在我的项目中使用( :raising_hands: )。 也是因为github上的当前解决方案已经过时或过于复杂。你为...
滚动条可以半透明的悬浮于内容上方(类似于移动端). 可以设置仅水平滚动(拨动鼠标滚轮将作用于X轴).
Vue.js简约但功能强大的包装器,可完美显示滚动条 您在寻找与Vue3兼容的版本吗? 检查 为什么创建它? 因为我 :red_heart: 在我的项目中使用( :raising_hands: )。 也是因为github上的当前解决方案已经过时或...
jquery滚动条美化Scrollbar设置浏览器默认滚动条样式 DIVCSS5 网页演示
前端开源库-react-perfect-scrollbarReact Perfect滚动条,用于完美滚动条的React包装器
很好用的滚动条 jquery插件
malihu-custom-scrollbar-plugin-master 自定义滚动条样式,可自定义滚动条颜色,长度,滚动条框的背景色等。
WPF中自定义Scrollbar 样式,设置颜色或者自定义图片
完美滚动条简约但完美的自定义滚动条插件官方文档可以在找到。 要阅读版本小于1.0的文档,请访问 。为什么选择完美滚动条? perfect-scrollbar是简约但完美的(对我们来说,对于大多数开发人员而言)scrollbar插件。...
今天我们要来分享一款很不错的jQuery插件,这款jQuery应用插件主要实现自定义的滚动条,并且利用CSS美化这些自定义的滚动条。这款jQuery自定义滚动条的功能和原始的差不多,遗憾的是,这款自定义滚动条不支持鼠标...
我建议您切换到使用本机Angular滚动条库,例如ngx-scrollbar。 快速链接 | | 建立图书馆 npm install npm run build 运行示例 npm install npm run start 安装和使用 npm install ngx-perfect-scrollbar --save 为...
NULL 博文链接:https://justcoding.iteye.com/blog/2110616
自定义recyclerView的滚动条样式,可以定义seekbar的颜色值与大小,设置滚动条离顶部与底部的距离等等
Tailwind CSS的滚动条插件 为Firefox和基于Webkit的浏览器中的滚动条添加样式实用程序。安装yarn add -D tailwind-scrollbar 或者npm install --save-dev tailwind-scrollbar 将其添加到Tailwind配置的plugins数组中...
jQuery 滚动条插件 tinyScrollbar Demo 整理过的资源 包括图片和样式脚本
Vue 2滚动条具有自定义滚动条的最简单滚动区域组件。 它基于 。 所有动画,高度和宽度都是纯CSS,因此完全可以自定义和负责任! 是的!。安装您可以像将导入到vue组件文件中,并使用预处理器对其进行处理。 您可以...