Linux 拨号vps windows公众号手机端

jquery滚动条怎么设置

lewis 6年前 (2019-02-08) 阅读数 13 #程序编程
文章标签 jqueryjquery滚动条

要设置jQuery滚动条,可以使用jQuery插件,如PerfectScrollbar或SlimScroll。

使用PerfectScrollbar插件的代码如下:

  1. 首先在HTML文件中引入jQuery和PerfectScrollbar插件的文件:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/1.5.2/css/perfect-scrollbar.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/1.5.2/perfect-scrollbar.min.js"></script>
  1. 在JavaScript文件中,初始化滚动条:
$(document).ready(function() {
$('.scrollable-element').perfectScrollbar();
});

这里的.scrollable-element是你要添加滚动条的元素的选择器。

使用SlimScroll插件的代码如下:

  1. 首先在HTML文件中引入jQuery和SlimScroll插件的文件:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-slimScroll/1.3.8/jquery.slimscroll.min.js"></script>
  1. 在JavaScript文件中,初始化滚动条:
$(document).ready(function() {
$('.scrollable-element').slimScroll();
});

这里的.scrollable-element是你要添加滚动条的元素的选择器。

以上是两种常用的jQuery滚动条插件的设置方法,你可以根据自己的需求选择适合的插件来使用。

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门