在前端开发中，滚动条是很常见的，但有时我们需要的是可以使用鼠标拖动的滚动体验，这时候就可以使用 npm 包 dragscroll-yamilramilev。
什么是 dragscroll-yamilramilev
dragscroll-yamilramilev 是一个开源的 npm 包，可以提供带有拖拽滚动效果的容器，支持多个浏览器环境和移动设备。使用该包可以让用户拥有更加流畅自然的滚动体验。
安装
控制台输入以下命令即可安装：
--- ------- -----------------------
使用
导入 dragscroll-yamilramilev 然后将需要拖拽滚动效果的容器添加 class 属性为 "dragscroll" 即可。示例代码如下：
------ -------------------------- ---- ------------------- ----------------------- ------
这样，使用鼠标拖动该容器时就能体验到拖拽滚动效果了。
参数
有时候我们需要自定义一些参数来调整 dragscroll 的效果，这里列举几个常用的参数：
防抖动幅度
指定最小拖拽单位，超过该幅度时才会触发拖拽滚动，可以防止拖拽时造成干扰。默认值为 10。
------ -------------------------- ---- ------------------ ------------------- ----------------------- ------
缓冲时间
拖拽滚动结束后，自动补足缓冲时间，增强流畅感，可以调整缓冲时间的长短，单位是毫秒(ms)，默认值为 100。
------ -------------------------- ---- ------------------ ----------------------- ----------------------- ------
兼容性
dragscroll-yamilramilev 支持 IE9 及以上的浏览器，以及各种移动设备。
总结
dragscroll-yamilramilev 是一个优秀的带有拖拽滚动效果的 npm 包，支持多个浏览器环境和移动设备，使用简单，参数可配置，可以为用户提供更加流畅自然的滚动体验。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005601e81e8991b448de494