Littlombie/web-QA

1. js禁止微信浏览器下拉显示黑底查看网址，不影响内部Scroll

方法一：

	var scroll_start=0;//定义滑动时的起点
	function handler(){//禁止默认滑动函数
		event.preventDefault();
	}
	document.addEventListener("touchstart",function(e){
		scroll_start = e.changedTouches[0].clientY;//设置起点为触摸时的点
		if($('.secondStepCon').offset().top==0){//如果触摸时是滑动块在顶部则禁用默认滑动
			document.addEventListener('touchmove', handler, false);
		}
	});
	document.addEventListener("touchmove",function(e){
		if($('.secondStepCon').offset().top==0){//想做的是中断滑动并禁用默认滑动，暂时没找到中断的方法
			document.addEventListener('touchmove', handler, false);
		}
		if((e.changedTouches[0].clientY-scroll_start)<0){//如果是向上滑动则恢复默认滑动
			document.removeEventListener('touchmove', handler, false);
		}
	});
	document.addEventListener("touchend",function(e){
		document.removeEventListener('touchmove', handler, false);
	});
  

方法2：

// 首先禁止body
  document.body.ontouchmove = function (e) {
        e.preventDefault();
  };

// 然后取得触摸点的坐标
 var startX = 0, startY = 0;
  //touchstart事件
  function touchSatrtFunc(evt) {
      try
      {
          //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等
          var touch = evt.touches[0]; //获取第一个触点
          var x = Number(touch.pageX); //页面触点X坐标
          var y = Number(touch.pageY); //页面触点Y坐标
          //记录触点初始位置
          startX = x;
          startY = y;

      } catch (e) {
          alert('touchSatrtFunc：' + e.message);
      }
  }
  document.addEventListener('touchstart', touchSatrtFunc, false);

// 然后对允许滚动的条件进行判断，这里讲滚动的元素指向body
var _ss = document.body;
  _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 < startY) {
          //     ev.preventDefault();
          // } else {
          //     // 阻止冒泡
          //     // 正常执行
          //     ev.stopPropagation();
          // }
      } else if (_top > 0 && _top < _bottomFaVal) {
          ev.stopPropagation();
      } else {
          ev.preventDefault();
      }
  };