美文网首页
jquery/javascript屏蔽ios上下弹性

jquery/javascript屏蔽ios上下弹性

作者: __疯子__ | 来源:发表于2022-03-12 13:42 被阅读0次

jquery

$(window).on('scroll.elasticity', function (e) {
    e.preventDefault();
}).on('touchmove.elasticity', function (e) {
    e.preventDefault();
});

javascript

var overscroll = function(el) {
    el.addEventListener('touchstart', function() {
        var top = el.scrollTop
        ,totalScroll = el.scrollHeight
        ,currentScroll = top + el.offsetHeight;
        if(top === 0) {
            el.scrollTop = 1;
        }else if(currentScroll === totalScroll) {
            el.scrollTop = top - 1;
        }
    });
  
    el.addEventListener('touchmove', function(evt) {
    if(el.offsetHeight < el.scrollHeight)
        evt._isScroller = true;
    });
}
         
overscroll(document.querySelector('.scroll'));
document.body.addEventListener('touchmove', function(evt) {
    if(!evt._isScroller) {
        evt.preventDefault();
    }
});

相关文章

网友评论

      本文标题:jquery/javascript屏蔽ios上下弹性

      本文链接:https://www.haomeiwen.com/subject/oswkdrtx.html