移动端浏览器上下滑动时头部收缩修复。

Posted 2020-09-07

某些手机浏览器上下滑动时头部收缩导致页面抖动很烦。然后自己尝试写了一个修复的东西。

使用的浏览器是手机qq浏览器。尚未测试其他浏览器是否可以使用 - -。

    //移动端浏览器头部收缩修复。
    var w=$(window),
        porH = w.height(), //定义初始ScreenHeight;
        porSCT=0; //定义初始scrollTop
    w.scroll(function(e) {
        _T && clearTimeout(_T);
        _T = setTimeout(function() {
            porSCT = w.scrollTop(); //记录scrollTop
        }, 1); //延迟1ms执行
    }).resize(function(e) {
        if (porH != w.height()) {
            _T && clearTimeout(_T);
            _T = setTimeout(function() {
                w.scrollTop(porSCT);
                porH = w.height();
            }, 1);//延迟1ms执行 不延迟会失效、
        }
    });;