码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2017-03-31 15:25:39      阅读:465      评论:0      收藏:0      [点我收藏+]

标签:soft   timeout   span   class   cti   移动端   code   amp   scrollto   

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

使用的浏览器是手机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执行 不延迟会失效、
        }
    });;

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

标签:soft   timeout   span   class   cti   移动端   code   amp   scrollto   

原文地址:http://www.cnblogs.com/yeshiqiu/p/6651555.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!