[Jquery.customScrollbar]独立滚动条插件分享

最新推荐文章于 2024-05-17 09:52:51 发布
最新推荐文章于 2024-05-17 09:52:51 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： javaScript/Jquery Web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xianglikai1/article/details/53574129
版权

文章底部有插件下载链接

很不错的一款滚动条插件，可以给div增加垂直滚动条，样式肯定要比overflow:auto:的要好看的多，效果图下图


使用方法也很简单，只需要引入一个css，引入一个js就可以了，当然，还需要一个jquery。

不用任何js启用方法，只需要容器div增加对应的class即可使用，非常简单，总大小90KB左右。



下载地址：http://download.csdn.net/detail/xianglikai1/9912649


小巷而已
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
scrollBar:滚动条插件
05-10
scrollBar 首先download下来插件，并引入scrollBar.min.js(基于jquery) 然后初始化滚动条 $('domClass').scrollBar(); 配置项： width: 1000, height: 500, orient: 'v',// 滚动条类型：h水平 v垂直 position: 'right',// 滚动条位置 top bottom left right scrollDistance: 10,//鼠标滚动一次或者键盘按一次滚动的距离（px） wrapperClass: 'ScrollDiv', railClass: 'scrollRail', barClass: 'scrollBar', keyEvent:true,//是否支持键盘事件 barShow:true,//是否显示滚动条 isFadeOut:false,//隐藏滚动条，鼠标
jQuery插件：Tiny Scrollbar滚动条插件（滚动条美化、默认滚动条）
08-07
NULL 博文链接：https://justcoding.iteye.com/blog/2110616
自定义滚动条(Custom ScrollBar)
Dotnet9的专栏
12-21 550
时间如流水，只能流去不流回！ 点赞再看，养成习惯，这是您给我创作的动力！ 本文 Dotnet9 https://dotnet9.com 已收录，站长乐于分享dotnet相关技术，比如Winform、WPF、ASP.NET Core等，亦有C++桌面相关的Qt Quick和Qt Widgets等，只分享自己熟悉的、自己会的。 阅读导航： 一、先看效果 二、本文背景 三、代码实现...
html 滚动条_自定义滚动条(Custom ScrollBar)
weixin_39796652的博客
12-01 288
时间如流水，只能流去不流回！点赞再看，养成习惯，这是您给我创作的动力！本文 Dotnet9 https://dotnet9.com 已收录，站长乐于分享dotnet相关技术，比如Winform、WPF、ASP.NET Core等，亦有C++桌面相关的Qt Quick和Qt Widgets等，只分享自己熟悉的、自己会的。阅读导航：一、先看效果二、本文背景三、代码实现四、文章参考五、代码下载一、先看效...
滚动条插件 mCustomScrollbar 使用介绍
qmm0219的博客
03-07 5313
用法 HTML 在HTML文档头部引入mCustomScrollbar.css <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="/path/to/jquery.mCustomScrollbar.css" /> </head>在body的结束标签之前引入插件所需
[Jquery.customScrollbar]独立滚动条插件
07-27
[独立插件]很不错的一款js滚动条插件，可以给div增加垂直滚动条，样式肯定要比overflow:auto:的要好看的多。使用方法也很简单，只需要引入一个css，引入一个js就可以了，当然，还需要一个jQuery。
jquery.mCustomScrollbar自定义滚动条插件
01-17
jQuery.mCustomScrollbar是一款强大的自定义滚动条插件，它能够帮助开发者轻松地对滚动条进行美化和定制，从而提升网站的整体视觉效果和用户交互性。 ### 插件概述 jQuery.mCustomScrollbar是由Marco Castelluccio...
jquery.nicescroll美化滚动条插件鼠标滑过显示
11-02
`jQuery.nicescroll`是一款基于JavaScript和jQuery库的滚动条美化插件，它可以自定义滚动条的样式，包括颜色、宽度、透明度等，使得滚动条与网页设计更加协调。当鼠标滑过元素时，滚动条会自动显现，离开后则会淡出...
jquery.scrollTo.js网页滚动插件下载.rar
07-10
《jQuery.scrollTo.js网页滚动插件深度解析》 在网页设计中，流畅的用户交互体验是提升网站品质的关键因素之一。jQuery.scrollTo.js插件正是这样一款工具，它为开发者提供了强大的网页滚动控制功能，使得网页的整体...
jquery.nicescroll完美滚动条使用方法
06-10
一款非常完美的滚动条，简称nicescroll...只要依次引入jquery库以及jquery.nicescroll插件，然后将需要滚动部分外部的id或者class号替换为 lanrenzhijia即可，其中滚动条的颜色以及宽度均在js中可以控制，效果简单易用
jquery.mCustomScrollbar.zip
10-08
jquery.mCustomScrollbar，一款很友好的滚动条jQuery插件。废话不多说，明白的老铁自然知道怎么用。
自定义美化滚动条jquery-mCustomScrollbar插件
03-20
实现了自定义美化滚动条jquery插件，主要用了jquery滚动条插件jquery.mCustomScrollbar.js，原下载地址：http://www.jq-school.com/Detail.aspx?id=348
mCustomScrollbar.zip
05-06
mCustomScrollbar X轴和Y轴的使用例子，这个插件统一了滚动条的样式，支持ie浏览器
mCustomScrollbar插件
10-11
mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件，它可以让你灵活的通过 CSS 定义网页的滚动条，并且垂直和水平两个方向的滚动条都可以定义，它通过 Brandon Aaron jquery mouse-wheel plugin 提供了鼠标滚动的支持，并且在滚动的过程中，还可以缓冲滚动使得滚动更加的平滑，还可以自动调整滚动条的位置和定义滚动到的位置等。(HTML必须存在于文档流, 不能为display:none)
mCustom Scrollbar 滚动条
11-06
mCustomScrollbar 自定义滚动条 样式 多种多样，非常丰富
【vue滚动条插件vuescroll】【vue自定义滚动条】
Min_Fox的博客
12-26 2003
由于浏览器自带的滚动条比较不符合设计图，所以在大部分项目中，我们都会自定义滚动条的样式，来还原设计图，让页面更加的美观。
html单独滚动条,html选择滚动条
weixin_39744554的博客
06-07 269
你如何添加一个滚动条到html选择框？是否有任何JavaScript库模拟此行为？或无论如何重新设计，界面我有2个选择框，项目可以通过>>& &LT;&LT; Filezilla，诺顿指挥官，总指挥官可以左右移动项目的界面类型...(问题是如何重新设计以查看固定宽度选择框中的溢出词)从this forum post指向另一个example，示例代码将使用div叠...
推荐开源项目：Tailwind CSS Scrollbar 插件
最新发布
gitblog_00027的博客
05-17 543
推荐开源项目：Tailwind CSS Scrollbar 插件 项目地址:https://gitcode.com/adoxography/tailwind-scrollbar 在前端开发中，定制滚动条的样式往往是一项挑战，因为浏览器之间的差异和兼容性问题。为此，我们向您隆重推荐 tailwind-scrollbar —— 一个专为Tailwind CSS设计的插件，它提供了跨浏览器的滚动条样式配...
mCustomScrollbar的使用
q136780964的博客
02-22 3593
最近做项目用到这个东西，顺便就写下来。(注意：IE7下滑动条显示不正常） 官网链接：mCustomScrollbar 下载JS、CSS文件：jquery.mCustomScrollbar.js和jquery.mCustomScrollbar.css 在head里加入以下内容： &lt;script src="js/jquery.mCustomScrollbar.js"&gt;&lt;/...
初探jQuery.fn：自定义翻页插件编写教程
作为初次尝试编写jQuery插件的开发者，作者分享了其创作过程，强调了jQuery.fn在插件开发中的核心作用。jQuery.fn允许开发者扩展jQuery对象的功能，从而实现特定功能，如本例中的翻页操作。 在jQuery.fn.pluginName...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值