jQuery slimScroll插件说明和使用

超、凢脫俗 2022-02-03 00:34 310阅读 0赞

1.  什么是slimScroll？  
    slimScroll是一个小的（4.6KB）jQuery插件，它可以把任何的div转换成一个带有滚动条的可滚动区域，SlimScroll不占用任何视觉空间，因为它只出现在用户启动的鼠标上。用户可以拖动滚动条或使用鼠标滚轮更改滚动值。
2.  slimScroll的使用  
    （1）引入jQuery

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"

（2）引入slimScroll（插件下载地址：https://github.com/rochal/jQuery-slimScroll/releases）

<script type="text/javascript" src="libs/jquery.slimscroll.min.js"></script>

（3）编写HTML代码  
（4）使用slimScroll插件

<script type="text/javascript">
        jQuery(document).ready(function ($) {
            $("#inner-content").slimScroll({
                width:'500px',
                height: '200px'
            });
        });
    </script>

3.效果  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4Nzc4ODgy_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4Nzc4ODgy_size_16_color_FFFFFF_t_70]: /images/20220203/4b36deddf34144288d04e9b8870d7b1b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，310人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery-slimscroll配置项说明

{ width: "设置滚动区域的宽度,不设置与父级元素相同.默认值:none", height: "设置滚动区域的高度,设置auto与父容器高度一

╰+攻爆jí腚メ/ 2023年07月09日 14:25/ 0 赞/ 16 阅读

相关 jquery插件的插件验证_jQuery的dwImageProtector插件

jquery插件的插件验证 I've always been curious about the jQuery JavaScript library. jQuery has

ゝ一世哀愁。/ 2023年02月22日 01:25/ 0 赞/ 31 阅读

相关 jquery-autoComplete 插件使用

插件引入： ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5oiR5piv5aSn5aS06

亦凉/ 2022年09月11日 05:21/ 0 赞/ 294 阅读

相关 jQuery插件

学习要点： 1.插件概述 2.验证插件 3.自动完成插件 4.自定义插件插件(Plugin)也成为 jQuery 扩展(Extension)，是一种遵循一定规

谁借莪１个温暖的怀抱￠/ 2022年08月18日 15:12/ 0 赞/ 391 阅读

相关 jquery 插件treeTable使用

最近看到一个jquery的插件，用于显示树状列表，作者提供了两个样式，使用方便。在此也介绍一下使用。需要使用的博友可以下载附件使用。它的使用方法作者已经介绍得比较详细了。在

ゝ一纸荒年。/ 2022年07月27日 13:57/ 0 赞/ 310 阅读

相关 vlc插件详细使用说明

文档：WebPlugin 本文档介绍了[VLC媒体播放器][VLC] Web插件以及如何为其编写页面。 <table style="margin:0px; bor

绝地灬酷狼/ 2022年06月17日 01:20/ 0 赞/ 1113 阅读

相关 jQuery slimScroll插件说明和使用

1. 什么是slimScroll？ slimScroll是一个小的（4.6KB）jQuery插件，它可以把任何的div转换成一个带有滚动条的可滚动区域，SlimS

超、凢脫俗/ 2022年02月03日 00:34/ 0 赞/ 311 阅读

相关 jquery插件使用笔记（一）：jPrintArea插件的使用

今天在发现一个很好的jquery插件jPrintArea，利用该插件可以实现打印网页中的指定元素。该插件的源代码为： ![Image 1][]

偏执的太偏执、/ 2021年11月16日 07:04/ 0 赞/ 539 阅读

相关简化$.ajax的插件jquery.sdajax的使用说明

前言 jQuery.ajax是jQuery使用得最频繁的方法之一，笔者在使用的过程，使用的参数基本上固定，因此往往会有很多冗余的代码产生。慢慢笔者开始厌倦了原始的写法，想

超、凢脫俗/ 2021年09月12日 02:52/ 0 赞/ 382 阅读

相关 jquery.pagination.js分页插件使用说明

`jquery.pagination.js`是个简单轻量级的分页插件，使用起来很容易，只要初始化一个实例，并设置总数量、翻页回调函数、其它参数就可以实现无刷新分页功能了 1

冷不防/ 2021年06月26日 16:06/ 0 赞/ 618 阅读