微信防止漏出黑色背景

 jquery

$(function(){


    $(document).on('touchmove', function (e) {
      e.preventDefault();
    });
    
    $('.scroll')
    .on('touchmove', function (e) {
        e.stopPropagation();
    });




});

 

vue

在需要scroll的地方加上scroll类

   transition.to.router.app.$nextTick(function(){
    $('.scroll')
    .on('touchmove', function (e) {
        if(e.currentTarget.scrollTop<=0)
        {
          e.preventDefault();
          return;
        }
        if(e.currentTarget.scrollHeight <= e.currentTarget.scrollTop + e.currentTarget.offsetHeight)
        {
          e.preventDefault();
          return;
        }
        e.stopPropagation();
    })
    .on('touchstart', function (e) {
      if (e.currentTarget.scrollTop <= 0) {
        e.currentTarget.scrollTop = 1;
      } else if (e.currentTarget.scrollHeight === e.currentTarget.scrollTop + e.currentTarget.offsetHeight) {
        e.currentTarget.scrollTop -= 1;
      }
    });
  })