Javascript 向页面添加漂亮的滚动条
我想将这个漂亮的滚动条添加到我的网页中,它是使用尼斯滚动插件实现的: 我认为该页面使用了如下HTML结构,并使用尼斯滚动插件向滚动条添加了功能Javascript 向页面添加漂亮的滚动条,javascript,html,nicescroll,Javascript,Html,Nicescroll,我想将这个漂亮的滚动条添加到我的网页中,它是使用尼斯滚动插件实现的: 我认为该页面使用了如下HTML结构,并使用尼斯滚动插件向滚动条添加了功能 $(函数(){ $(“#ascrail2000”).nicesroll(); }); 不需要使用任何插件,事实上,使用简单的CSS很容易。您可以查看W3的这篇文章,其中解释了滚动条样式是如何工作的,以及需要自定义的所有属性 我不明白你想做什么,但看看我的例子。 它通过设置配置参数工作,还包括尼斯滚动插件的cdn 在jquery之后添加此cdn: &l
$(函数(){
$(“#ascrail2000”).nicesroll();
});代码>
不需要使用任何插件,事实上,使用简单的CSS很容易。您可以查看W3的这篇文章,其中解释了滚动条样式是如何工作的,以及需要自定义的所有属性
我不明白你想做什么,但看看我的例子。
它通过设置配置参数工作,还包括尼斯滚动插件的cdn
在jquery之后添加此cdn:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.7.6/jquery.nicescroll.min.js"></script>
有关更多示例,请查看官方网站:
缺少插件。在您的脚本中添加了插件,它可以按预期工作
$(函数(){
$(“#ascrail2000”).nicesroll();
});代码>
您是否添加了插件的CDN?这真是一个很棒的滚动条…是的。。。我已经添加了cdn。。不工作。。。
$("#ascrail2000").niceScroll({
cursorwidth:3,
cursoropacitymin:0.4,
cursorcolor:'rgb(240, 159, 5)',
cursorborder:'none',
cursorborderradius:4,
autohidemode:'leave'});