要設置jQuery滾動條,可以使用jQuery插件,如PerfectScrollbar或SlimScroll。
使用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>
$(document).ready(function() {
$('.scrollable-element').perfectScrollbar();
});
這里的.scrollable-element
是你要添加滾動條的元素的選擇器。
使用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>
$(document).ready(function() {
$('.scrollable-element').slimScroll();
});
這里的.scrollable-element
是你要添加滾動條的元素的選擇器。
以上是兩種常用的jQuery滾動條插件的設置方法,你可以根據自己的需求選擇適合的插件來使用。