jquery移动端显示滚动条

jQuery是一种非常受欢迎的JavaScript库，它可以让开发者轻松地操作DOM元素、处理事件和创建动态效果。在移动端开发中，经常会遇到需要显示滚动条的情况，而使用jQuery可以轻松地实现这个功能。

首先，在HTML文件中引入jQuery库：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

然后，在CSS文件中定义滚动条的样式：

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

接下来，使用jQuery的scroll()方法来添加滑动事件，从而触发滚动条显示：

$(window).scroll(function() {
    if($(this).scrollTop() > 0) {
        $('body').css('overflow-y','scroll');
    } else {
        $('body').css('overflow-y','hidden');
    }
});

在这段代码中，当页面滑动超过0像素时，通过修改body元素的样式将overflow-y属性设置为scroll，从而显示滚动条；而当滑动回到顶部时，将overflow-y属性设置为hidden，从而隐藏滚动条。

综上所述，通过以上步骤，我们就可以很容易地使用jQuery在移动端实现显示滚动条的功能。