码迷,mamicode.com
首页 > Web开发 > 详细

iScroll.js几个问题及其解决办法

时间:2016-07-12 11:46:32      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:

1.在一个页面中需要点击tab切换,而且每个切换的内容都需要下拉刷新加载,这个时候需要在点击的时候用到myScroll.refresh();这个函数,刷新iScroll.js这个函数。

2.在页面中有input等需要输入的表单时,表单会无法输入,这时需要在代码最后加上以下这段函数,

function allowFormsInIscroll(){
[].slice.call(document.querySelectorAll(‘input, select, button‘)).forEach(function(el){
   el.addEventListener((‘ontouchstart‘ in window)?‘touchstart‘:‘mousedown‘, function(e){
   e.stopPropagation();
})
})
}
document.addEventListener(‘touchmove‘, function (e) { e.preventDefault(); }, false);
document.addEventListener(‘DOMContentLoaded‘, function () { setTimeout(loaded, 200);allowFormsInIscroll(); }, false);

3.在页面中点击某个元素时,会触发两次,这时可以用

$(".pp_right a").one(‘click‘,function(){
      alert(1);
})

即jq的one()方法解决

 

iScroll.js几个问题及其解决办法

标签:

原文地址:http://www.cnblogs.com/zpweb/p/5662775.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!