mishe / blog

前端碰上的问题或体会
230 stars 39 forks source link

移动端web页面position:fixed弹窗内容包含输入框问题排版错位的问题 #5

Open mishe opened 8 years ago

mishe commented 8 years ago

position:fixed问题

ios上比较突出;特别是内容还包含input等输入块的时候

可以采用转变pos:abs的方式来解决的问题,然后采用定时器来修正弹出层的定位。

if($.isIOS()){
            this.pop=true;
            var top=document.body.scrollTop;
            window.scroll(0,top);
            self.$el.find('.reply_wrap').css({'position':'absolute','top':document.body.scrollTop,'height':screen.availHeight+200});
            var interval,count=0;
            interval=setInterval(function(){
                count+=16;
                if(count>1000){
                    clearInterval(interval);
                }else{
                    window.scroll(0,top);
                }
            },16);
        }