jQuery multiScroll.js双向滚动插件
jQuery 的多滚动区域插件 multiScroll.js，挺适合做那种对比类页面，比如左右两边展示不同内容，还能同步滚动。两个区域反向滑动，看着就带感，用户交互体验也会有点惊喜感。
核心玩法是双向垂直滚动，一边往上，一边往下，动效还挺流畅的。你只要把两个容器放好位置，剩下的交给它就行了。做多视角展示、对照布局，这种效果还蛮出彩。
响应式设计也照顾得挺到位的，手机上用起来也没啥问题。不用担心布局乱掉。你要做移动端适配，它跟着屏幕尺寸自动调整，响应也快。
配置选项也挺灵活，像什么滚动速度、滚动条开关、容器选择器这些，都能自己调。项目需求稍微复杂点，也能应付。
用法不复杂，主要是基于 jQuery，引入下jQuery和multiScroll.js，再加上几个对应的CSS文件，初始化一下就能跑。
$('#container').multiscroll({
verticalScroll: true,
leftScrollbar: false,
rightScrollbar: true,
sectionSelector: '.section'
});插件自带了示例文件，像example.html、examples.css这些，想快点摸透它，直接跑个例子看看就懂了。
如果你最近在做交互比较炫的页面，或者想尝试点新颖的排版方式，multiScroll.js还挺值得一试的。用起来不累，效果也还不错。
文件大小：101.63KB
评论区