所属分类:网页特效-滑块/旋转/滚动
<link rel="stylesheet" href="pullToRefresh.css" />
<script src="iscroll.js"></script>
<script src="pullToRefresh.js"></script>
refresher.init({
id: "wrapper",
pullDownAction: Refresh,
pullUpAction: Load
});
var generatedCount = 0;
function Refresh(){
alert('上拉已经被触发');
}
function Load(){
setTimeout(function (){
var el, li, i;
el = document.querySelector("#wrapper ul");
for (i = 0; i < 2; i++) {
li = document.createElement('li');
li.appendChild(document.createTextNode('last row ' + (++generatedCount)));
el.appendChild(li, el.childNodes[0]);
}
wrapper.refresh();
}, 1000);
alert('下拉已经被触发');
}
<div id="wrapper">
<ul>
<li>row 10</li>
<li>row 9</li>
<li>row 8</li>
<li>row 7</li>
<li>row 6</li>
<li>row 5</li>
<li>row 4</li>
<li>row 3</li>
<li>row 2</li>
<li>row 1</li>
</ul>
</div>