微信浏览器==IE6 巨坑!!!!
最近做项目客户要求下拉不能出现微信的网址,刚开始我直接禁了body的滚动,结果整个页面的动不了了,哈哈哈,解决方案是,先禁全部,在让滚动部分解禁。。。。
(function(){
//阻止微信浏览器滑动
document.body.ontouchmove=function(e) {
e.preventDefault();
};
varstartX=0,startY=0;
//touchstart事件
functiontouchSatrtFunc(evt) {
try
{
//evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等
vartouch= evt.touches[0];//获取第一个触点
varx= Number(touch.pageX);//页面触点X坐标
vary= Number(touch.pageY);//页面触点Y坐标
//记录触点初始位置
startX=x;
startY=y;
}catch(e) {
alert('touchSatrtFunc:'+ e.message);
}
}
document.addEventListener('touchstart',touchSatrtFunc,false);
var_ss=document.getElementById("ng-wrap");
_ss.ontouchmove=function(ev) {
var_point= ev.touches[0],
_top=_ss.scrollTop;
// 什么时候到底部
var_bottomFaVal=_ss.scrollHeight-_ss.offsetHeight;
// 到达顶端
if(_top===0) {
// 阻止向下滑动
if(_point.clientY>startY) {
ev.preventDefault();
}else{
// 阻止冒泡
// 正常执行
ev.stopPropagation();
}
}else if(_top===_bottomFaVal) {
// 到达底部
// 阻止向上滑动
if(_point.clientY
ev.preventDefault();
}else{
// 阻止冒泡
// 正常执行
ev.stopPropagation();
}
}else if(_top>0&&_top<_bottomFaVal) {
ev.stopPropagation();
}else{
ev.preventDefault();
}
};
})();