微信瀏覽器==IE6 ? ?巨坑!7粝R丁!
最近做項目客戶要求下拉不能出現(xiàn)微信的網(wǎng)址补憾,剛開始我直接禁了body的滾動漫萄,結(jié)果整個頁面的動不了了,哈哈哈盈匾,解決方案是卷胯,先禁全部,在讓滾動部分解禁威酒。窑睁。。葵孤。
(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{
// 阻止冒泡
// 正常執(zhí)行
ev.stopPropagation();
}
}else if(_top===_bottomFaVal) {
// 到達底部
// 阻止向上滑動
if(_point.clientY
ev.preventDefault();
}else{
// 阻止冒泡
// 正常執(zhí)行
ev.stopPropagation();
}
}else if(_top>0&&_top<_bottomFaVal) {
ev.stopPropagation();
}else{
ev.preventDefault();
}
};
})();