perfect-scrollbar第三方插件，滚动条插件的使用步骤。

随笔记录,方便查看
1.npm下载第三方插件:

$ npm install perfect-scrollbar

如果下载遇到问题:

解决方法:

全局下载npm
npm install npm -g

初始执行依赖package.json

npm init

之后重新执行下载命令:

$ npm install perfect-scrollbar

插件使用步骤:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>perfectscroll完美滚动条测试数据</title><link rel="stylesheet" type="text/css" href="../css/perfect-scrollbar.css"><style>html {direction: rtl}#container {position: relative;width: 600px;height: 400px;}
</style>
</head>
<body><div id="container"><img src="https://images.pexels.com/photos/2098427/pexels-photo-2098427.jpeg"></div><script src="/js/perfect-scrollbar.min.js"></script><script type="text/javascript">const ps = new PerfectScrollbar('#container', {//supperScollx:true 取消横向滚动条suppressScrollX : true});
</script>
</body>
</html>

效果图:

perfect-scrollbar第三方插件，滚动条插件的使用步骤。相关推荐

Perfect ScrollBar插件使用方法
一.Perfect ScrollBar功能描述 Perfect ScrollBar能够描绘出异乎寻常的页面UI描绘.如果你希望能够设计出与众不同的页面UI设计的话,Perfect ScrollBar可 ...
jQuery插件：Tiny Scrollbar滚动条插件（滚动条美化、默认滚动条）
Tiny Scrollbar是基于jQuery的滚动条插件, 风格简洁, 可自定义样式, 体积较小. 插件特点: 支持iPhone, iPad, Android 新版1.8,可以在移动设备上滚动内容 ...
JavaScript滚动条插件源码
这是过年的时候自己写的js滚动条插件的源码,做出的效果自己并不满意,正因为做的并不满意所以回头重新巩固和深入学习js,这个插件有如下几个不太满意的地方: 内容的过度效果,可以参阅QQ客户端最近会话列表 ...
实现绚丽的自定义风格滚动条 – Perfect Scrollbar
各个浏览器的滚动条风格不一,因此很多网站都会自定义滚动条的风格.自定义风格的滚动条在所有的浏览器上看起来是一样(例如:几乎所有的谷歌应用程序都是用的灰色细条滚动条).Perfect Scrollbar ...
15个带示例的jQuery滚动条插件
1.NiceScroll:可用于桌面.移动与触摸设备的jQuery滚动插件 NiceScroll是一个jQuery插件(since 1.5),它有着类似于ios/移动设备的样式.它支持Div.iFra ...
增加第三方插件_AE插件排行！！
大家好是万能的懒懒酱 After effects为视觉效果艺术家和动画设计师带来了大量的效果.然而,第三方开发人员提供了更多独特插件,供After Effects使用.在这里可以帮助你了解哪些插件是 ...
第三方社会化评论插件
原文转自:http://blog.sina.com.cn/s/blog_53b587b3010123rg.html WordPress的优点在于可定制性强,社会化的有点在于传播范围广,这两者的结合目前 ...
vuejs滚动条_VUE滚动条插件——vue-happy-scroll
最近自己在自学vue2.0,然后就自己摸索做一个简单的后台管理系统,在做的过程中,总感觉不同浏览器自带的滚动条样式不统一,也很难看,所以就在网上找一些使用vue的滚动条插件.最开始用的是Easy-sc ...
滚动条插件---jquery.nicescroll.js
nicescroll 滚动条插件是一个非常强大的基于 jQuery 的滚动条插件,不需要增加额外的css,几乎全浏览器兼容.ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件, ...
ae插件form_AE插件排行！！
大家好是万能的懒懒酱 After effects为视觉效果艺术家和动画设计师带来了大量的效果.然而,第三方开发人员提供了更多独特插件,供After Effects使用.在这里可以帮助你了解哪些插件是 ...

perfect-scrollbar第三方插件，滚动条插件的使用步骤。

perfect-scrollbar第三方插件，滚动条插件的使用步骤。相关推荐

最新文章

热门文章