jq滚动条插件mCustomScrollbar使用介绍

最新推荐文章于 2024-09-13 22:11:00 发布

吱一枝

最新推荐文章于 2024-09-13 22:11:00 发布

阅读量1k

点赞数

文章标签： JQuery javascript CSS

本文链接：https://blog.csdn.net/weixin_41856301/article/details/84541607

版权

本文介绍了jq滚动条插件mCustomScrollbar的使用方法，包括HTML、CSS和JS的配置。通过引入相关文件，定义div并进行JS初始化，可以设置滚动条的方向、滚动惯性和样式等。此外，还提供了禁用和启用滚动条的技巧。

摘要由CSDN通过智能技术生成

官网链接：mCustomScrollbar
下载 jquery.mCustomScrollbar.js和jquery.mCustomScrollbar.css 文件

直接附上代码！！

html

首先在HTML文档头部引入mCustomScrollbar.css

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.css" />
</head>

在body的结束标签之前引入插件所需js文件


<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

吱一枝

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

mCustomScrollbar.zip

05-06

mCustomScrollbar X轴和Y轴的使用例子，这个插件统一了滚动条的样式，支持ie浏览器

jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法

最新发布

gitblog_09624的博客

09-13

435

Perfect Scrollbar 安装和配置指南 perfect-scrollbar Minimalistic but perfect custom scrollbar plugin. Get more free components with Material Design for Bootstrap UI Kit ...

jquery自定义滚动条-->mCustomScrollbar

weixin_34023863的博客

02-21

官网地址：http://manos.malihu.gr/jquery-custom-content-scroller/，凑合还能看得懂http://www.wufangbo.com/mcustomscrollbar/和http://www.cnblogs.com/alantao/p/5239262.html 帮助理解。functiongetMousePos(event){...

自定义滚动条插件--mCustomScrollbar

Love.Hope.Faith

08-29

2302

RT. 插件官方网址:http://manos.malihu.gr/jquery-custom-content-scroller/ 中文翻译网址:http://www.qianxingzhem.com/post-1602.html

jQuery自定义滚动条样式插件mCustomScrollbar

nana_naxienianhua的专栏

08-12

711

jQuery自定义滚动条样式插件mCustomScrollbarmCustomScrollbar是基于jQuery UI的自定义滚动条插件，它可以通过CSS定义网页的滚动条，并且垂直和水平方向的滚动条都可以定义。使用方法引入jquery.mCustomScrollbar.css<link href="jquery.mCustomScrollbar.css" rel="stylesheet"

jquery滚动条插件jScrollPane的使用介绍

12-09

这是一个js的页面滚动条插件使用时引入三个文件：（路径自行填写）代码如下: <link type=”text/css” href=”路径/jquery.jscrollpane.css” rel=”stylesheet” media=”all” /> [removed][removed] ...

jquery滚动条插件slimScroll使用方法

01-21

本文实例为大家总结了滚动条插件slimScroll的使用方法，供大家参考，具体内容如下 simScroll插件项目下载地址：https://github.com/rochal/jQuery-slimScroll TIP： 1.slimScroll在使用的时候要依赖JQ，所以首次...

jQuery滚动条插件nanoscroller使用指南

10-24

本文给大家介绍的nanoScrollerJS是一款使用简单方式实现 Mac OS X Lion 系统滚动条效果的jQuery插件。该滚动条插件利用原生的滚动条可以工作在 iPad、iPhone 和一些 Android Tablets上。

自定义美化滚动条插件

04-12

描述中的“JQ浏览器滚动条插件浏览器滚动条美化JQ浏览器滚动条插件浏览器滚动条美化”强调了这个插件主要针对jQuery库，并且其核心功能是美化浏览器的滚动条。jQuery是一个广泛使用的JavaScript库，它简化了DOM...

jquery滚动条插件（可以自定义）

01-21

link rel=stylesheet type=text/css href=css/jquery.mCustomScrollbar.css> js引入 [removed][removed] 这里放内容啊啊啊啊这里放内容啊啊啊啊这里放内容啊啊啊啊这里放内容啊啊啊啊。。。。。 [removed] ...

jquery.mCustomScrollbar自定义滚动条插件

01-17

jquery.mCustomScrollbar自定义滚动条插件，包含官方源码，源码中包含DEMO，包含简单本地DEMO，即拿即用

jquery.mCustomScrollbar.zip

10-08

jquery.mCustomScrollbar，一款很友好的滚动条jQuery插件。废话不多说，明白的老铁自然知道怎么用。

jQuery自定义滚动条插件mCustomScrollbar

weixin_30832351的博客

05-04

112

写项目的时候遇到了这种情况我用了两个iframe，左边是一个菜单栏，可以展开也可以收回去的。就说这个滚动条太丑了，是浏览器默认的，所以学着用mCustomScrollbar来解决一下这个问题。 1：资源下载　　https://github.com/malihu/malihu-custom-scrollbar-plugin，我是从这里下载的。 2：引入　　注意顺序。 ...

JavaScript的外部引入方式

人类工程师的博客

09-07

415

document.writeln("hello world"); <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-.

滚动条样式插件

weixin_33735077的博客

10-21

102

2019独角兽企业重金招聘Python工程师标准>>> ...

自定义滚动条文档（mCustomScrollbar使用文档）

雨轻伤的博客

10-31

1万+

原文地址：http://manos.malihu.gr/jquery-custom-content-scroller/ 下载地址：https://download.csdn.net/download/a707369808/10562825 引入css <link rel="stylesheet" href="/path/to/jquery.mCustomScrollbar.css" ...

滚动条插件 mCustomScrollbar 使用介绍

qmm0219的博客

03-07

5324

用法 HTML 在HTML文档头部引入mCustomScrollbar.css <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="/path/to/jquery.mCustomScrollbar.css" /> </head>在body的结束标签之前引入插件所需

jquery个性滚动条插件jquery.mCustomScrollbar.js的使用

BetterBOB的专栏

12-03

1万+

jquery.mCustomScrollbar.js是一款非常漂亮的滚动条样式插件，同过它你可以自由的定制自己喜欢的滚动条。而且兼容IE6 和IE7等的浏览器 jQuery custom scrollbar demo body{margin:0; padding:0; color:#eee; background:#222; font-family:Verdana

jQuery自定义滚动条插件实例与CSS样式实现

本文档分享了一个使用jQuery自定义滚动条的插件示例。在HTML结构中，首先定义了文档类型（DOCTYPE）为XHTML 1.0 Transitional，并设置了字符编码。接下来，页面元素设置了全局样式，如html和body的高度设置为100%，...