简约强大的自定义滚动条插件 Perfect Scrollbar

MIT
JavaScript
跨平台
2017-08-29
王练

Perfect Scrollbar

简约,但完美的自定义滚动条插件。

完美意味着什么?

  • 无需对默认元素有任何更改

  • 滚动条不应影响默认设计布局

  • 滚动条的设计应(几乎)完全可定制

  • 若容器或内容大小发生变化,则滚动条的大小和位置应自动调整

也就是说,Perfect Scrollbar 是一个简约轻量的 jQuery插件,能够帮助你轻松创建出自定义风格的滚动条。它不会影响默认的布局,也不需要任何任何的 CSS 修改,该插件适用于任何大小的容器,并重新安排位置,如果容器大小发生变化会自动调整位置。此外,滚动条的风格可以完全通过 CSS 定制。

演示地址:Demo

加载中

评论(0)

暂无评论

滚动条插件 Perfect Scrollbar 0.8.0 发布

Perfect Scrollbar 0.8.0 已发布,更新内容: 使用 npm 5 替代 Yarn 放弃对 IE 10 的支持 重构通用库 修复 TypeScript 定义 增加四舍五入的误差容差 完整更新内容 Perfect Scrollbar 是一个简...

2017/08/30 07:38

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

修改浏览器默认滚动条插件

Perfect ScrollBar插件美化浏览器默认的滚动条

2016/06/17 14:14
10
0
超棒的自定义超酷滚动条jQuery插件 - Perfect Scrollbar

日期:2013-2-16 来源:GBin1.com 在线演示 可能大家厌倦了千篇一律的页面滚动条,如果你希望能够设计出与众不同的页面UI设计的话,Perfect ScrollBar可能就是你寻找的解决方案。 这个滚动条...

2013/02/17 14:01
225
0
20 jQuery Scrollbar plugin with examples

In this Article we are providing best jQuery scrollbar plugin with examples.Due to increasing popularity of custom scrollbar we are providing a list of lightweight ,stylish,flex...

2014/01/23 15:02
202
0
CSS3自定义滚动条

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3自定义滚动条</title> <style> header { font-family: 'Lobster', cursive; text-align: center; font-size: 2...

05/09 15:15
31
0
在WebKit中自定义滚动条 (英文)

Way back in the day, you could customize scrollbars in IE (5.5) with non-standard CSS properties likescrollbar-base-color which you would use on the element that scrolls (like t...

2014/03/04 17:28
1K
0
jquery的一个scroll插件 slimscroll

jquery的一个scroll插件

2014/09/10 11:20
57
0
自定义浏览器的滚动条样式

因为项目中的需要,产品经理觉得显示的滚动条太丑了,需要美化,没办法,只能去捣鼓了,测试过程中发现,webkit内核的浏览器的支持性是最好的,而火狐浏览器的自定制性确实出乎意料的~~~~...

2015/09/30 10:02
862
0
CSS设置 滚动条

overflow-y : visible | auto | hidden | scroll visible : 不剪切内容也不添加滚动条。 auto : 在需要时剪切内容并添加滚动条 hidden : 不显示超过对象高度的内容,这里不对这个属性作介绍,...

2011/01/14 09:39
403
0
div 滚动条

方法1 固定高度: <div id="oDiv" style="height:490px; position: absolute; width:97%; top: opx; margin-right: 10px; padding: 5px; overflow: scroll;zoom:100%;"></div> 动态高度 heig...

2014/06/09 10:50
13
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部