[代码样式]multiscroll.js – jQuery左右垂直反向滚动插件

简介

也许你已经知道 fullpage.js 是一个非常优秀插件，很多优秀的公司都在使用它，比如猪八戒、网易等等。今天我们再介绍一款该插件作者开发的另一款插件——multiscroll.js。multiscroll.js 和 fullpage.js 有点类似，也是页面全屏滚动，只不过 fullpage.js 是整屏滚动，而 multiscroll.js 是分成左右两个面板，垂直反向滚动合在一起。

因为效果和 fullpage.js 类似，且出自同一作者，所有这两款插件的一些属性和方法类似或相同，详细请查看页面下方的配置。

浏览器兼容

IE8+ ✔	Chrome ✔	Firefox ✔	Opera ✔	Safari ✔

其实也可以兼容 IE6、IE7，因为最核心的滚动是支持的，只是有一些效果不支持，比如垂直居中。如果做一些兼容处理，也可以很好的兼容。

使用方法

1、引入文件

<link rel="stylesheet" href="https://www.dowebok.com/css/jquery.multiscroll.css" rel="external nofollow" >
<script src="https://www.dowebok.com/js/jquery.min.js"></script>
<script src="https://www.dowebok.com/js/jquery.easing.min.js"></script>
<script src="https://www.dowebok.com/js/jquery.multiscroll.min.js"></script>

2、HTML

<div class="dowebok-Wrap">
    <div class="ms-left">
        <div class="ms-section">左1</div>
        <div class="ms-section">左2</div>
        <div class="ms-section">左3</div>
    </div>
    <div class="ms-right">
        <div class="ms-section">右1</div>
        <div class="ms-section">右2</div>
        <div class="ms-section">右3</div>
    </div>
</div>

3、JavaScript

$(function(){
    $('#dowebok-Wrap').multiscroll();
});

配置

属性

方法

回调函数

GitHub 地址：https://github.com/alvarotrigo/multiscroll.js

百度网盘" name="multiscroll.js – jQuery左右垂直反向滚动插件" pass="" code=""]