要设置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滚动条插件的设置方法,你可以根据自己的需求选择适合的插件来使用。