正确开启jquery滚动条插件jScrollPane的使用教程

最新推荐文章于 2024-03-14 11:54:17 发布

VIP文章 xyyojl

最新推荐文章于 2024-03-14 11:54:17 发布

阅读量898

点赞数

分类专栏： javascript 文章标签： jScrollPane 使用jq插件

本文链接：https://blog.csdn.net/xyyojl/article/details/86539895

版权

说到这个使用jScrollPane滚动条插件，我有点火了，在网上找到的教程基本上都是像下面这张图片那样教你使用，然鹅没有实际的demo展示，只能是呵呵啦
在这里插入图片描述

jScrollPane的简单介绍

jScrollPane是一个jQuery插件，它允许用HTML结构替换浏览器的默认滚动条（在具有溢出的元素上：auto），可以在css中自定义html。jScrollPane的设计灵活但非常易于使用。在您下载并将相关文件包含在文档头部之后，您只需调用一个JavaScript函数来初始化滚动窗格。您可以使用CSS轻松设置结果滚动条的样式，或从现有主题中进行选择。展示了jScrollPane的不同特性以及获得支持的多种方法，有许多不同的示例。

引用地址

cdn地址：http://www.bootcdn.cn/jScrollPane/

官方网站： http://jscrollpane.kelvinluck.com/

GitHub地址：https://github.com/vitch/jScrollPane

下面重头戏来啦

引入 jquery.jscrollpane.css
引入 jquery.min.js
引入 jquery.jscrollpane.js
给需要添加滚动条的容器加上样式
注：使用滚动条插件jScrollPane，一定要有一个容器，简单来说就是要不能要有一个元素（容器）包裹着一些元素，获取到那个容器，然后执行这个对象下的jScrollPane()这个函数


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">

最低0.47元/天解锁文章

xyyojl

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
正确开启jquery滚动条插件jScrollPane的使用教程

说到这个使用jScrollPane滚动条插件，我有点火了，在网上找到的教程基本上都是像下面这张图片那样教你使用，然鹅没有实际的demo展示，只能是呵呵啦jScrollPane的简单介绍jScrollPane是一个jQuery插件，它允许用HTML结构替换浏览器的默认滚动条（在具有溢出的元素上：auto），可以在css中自定义html。jScrollPane的设计灵活但非常易于使用。在您下...
复制链接

扫一扫