溫馨提示×

jquery滾動條怎么設置

小億
151
2023-07-20 21:04:57
欄目: 編程語言

要設置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滾動條插件的設置方法,你可以根據自己的需求選擇適合的插件來使用。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女