iScrollJS下载附教程和Demo
文件大小:0.64MB下载:911次
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包括无限滚动 点击下载
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包括无限滚动 点击下载