iScrollJS下载附教程和Demo

文件大小:0.64MB下载:884次
iscrolljs是一个高性能、轻量级、免费,跨平台的javascript库。它可以应用于桌面,移动,智能电视,它一直在优化性能和尺寸,以便更好的应用于新老设备中。

iscroll不仅仅是提供滚动功能,它还可以根据需要,处理元素与用户的交互。它增加了滚动,缩放,平移,无限滚动、视差滚动、旋转木马项目并且只有4 kb大小。

iscroll代码使用演示:

<div id="wrap" class="parent">

<div class="show">
     <div class="item">aaabbcc</div>
        <div class="item">aaabbcc</div>
        <div class="item">aaabbcc</div>
        <div class="item">aaabbcc</div>
        <div class="item">aaabbcc</div>
        <div class="item">aaabbcc</div>
        <div class="item"><img src="" class="imgauto" /></div>
    </div>

</div>

<script src="js/iscroll.js"></script>
<script>
document.getElementById("wrap").addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
var myScroll= new IScroll('#wrap', {
// eventPassthrough : true,
scrollX : false,
scrollY : true,
preventDefault : false
//click:true
});
//解决图片高度产生的iscroll.refresh不准确产生的bug
var imgList = document.getElementsByClassName('imgauto');
for(var i = 0 ; i < imgList.length ;i++){
    var img = imgList[i];
    img.onload = (function(img){
        return function(){
            myScroll.refresh();
            img.onload = null;
        }
    })(img);
}

官网demo地址:https://github.com/cubiq/iscroll/tree/master/demos

点击下载附使用教程和Demo包括无限滚动 点击下载
收藏
扫一扫关注我们