码迷,mamicode.com
首页 > 微信 > 详细

关于苹果手机中,微信浏览器下拉弹动的解决

时间:2016-08-20 15:55:43      阅读:581      评论:0      收藏:0      [点我收藏+]

标签:

/*ios微信浏览器上下滚动兼容性问题解决 end*/
$(function () {//DOM文档加载完执行
wxScrollSolve(document.querySelector(‘.MainCon‘));
});
function wxScrollSolve(scrollWrapObj) {//Scrollobj要滚动的内容外部包裹的容器对象
if(scrollWrapObj==""||scrollWrapObj==undefined||scrollWrapObj==null){
return
}
var overscroll = function (el) {
el.addEventListener(‘touchstart‘, function () {
var top = el.scrollTop
, totalScroll = el.scrollHeight
, currentScroll = top + el.offsetHeight;
if (top === 0) {
el.scrollTop = 1;
} else if (currentScroll === totalScroll) {
el.scrollTop = top - 1;
}
});
el.addEventListener(‘touchmove‘, function (evt) {
if (el.offsetHeight < el.scrollHeight)
evt._isScroller = true;
})
};
overscroll(scrollWrapObj); /*document.querySelector(‘.MainCon‘)*/
document.body.addEventListener(‘touchmove‘, function (evt) {
if (!evt._isScroller) {
evt.preventDefault();
}
});
}
/*ios微信浏览器上下滚动兼容性问题解决 end*/

 

 

关于苹果手机中,微信浏览器下拉弹动的解决

标签:

原文地址:http://www.cnblogs.com/dingjiawei/p/5790437.html

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