本插件在JQ3.5.1环境下测试通过,IE9以下版本可能不支持,手机浏览器支持,极速模式测试通过。
1、滚动组件的结构
<script src="fishroll.min.js"></script>
<div class="ledmianbody layui-col-xs12">
<div class="direction">
这是滚动区域<br/>2222
</div>
</div>
结构很简单,只要你的滚动内容元素为.direction即可,至于父元素名随意。
使用也很简单:
var g1=new rolling({
id:'.ledmianbody',
direction:'top',
play:true
})
g1.init();
现在你就发现上面已经运行了
具体的几个选项介绍,以及源码请到GIT下载
https://github.com/fishmoyu/fishroll
本插件未限制元素样式,如果您需要多行每次滚动一行,可以对样式进行相关改变来实现。