Skip to content

移动端禁止下拉解决方案 #29

@pangjunpeng

Description

@pangjunpeng
var overscroll = function (el) {
    if (el.length === 1) {
        el = [el]
    }
    el.forEach(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;
        }, {passive: true});
    })
};
overscroll(document.querySelectorAll('.scroll'));
document.body.addEventListener('touchmove', function (evt) {
    if (!evt._isScroller) {
        evt.preventDefault();
    }
});

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions