移动端ios阻止橡皮筋效果

• 列表项

开发技巧

var startY,endY;
$('body').on('touchstart', function(e） {
    startY = e.touches[0].pageY;
});
$('body').on('touchmove', function(e){
    endY = e.touches[0].pageY;
    // 手指下滑，页面到达顶端不能继续下滑
    if(endY > startY && $(window).scrollTop() <=0 ) {
        e.preventDefault();
    }
    // 手指上滑，页面到达底部能继续上滑
    if(endY< startY && $(window).scrollTop()+$(window).height()>=$('body')[0].scrollHeight)         {
        e.preventDefault();
    }
})

参考链接：https://www.cnblogs.com/cuncunjun/p/7493782.html