1. 程式人生 > >背景圖100%出現滾動條時會有空白bug

背景圖100%出現滾動條時會有空白bug

html alt cti res bug png 滾動 ack outer

技術分享

.loginWrap { position:absolute;top: 0;left: 0;width:100%;height: 100%;}

window.onresize = function(){
var widthOfMobile = $(‘#warpBackground‘). outerHeight();
var withoutMargin = $(‘#mobileWarp‘). outerHeight();
$(‘#mobileBg‘).css(‘height‘,widthOfMobile);
$(‘#bg‘).css(‘height‘,withoutMargin);
}

動態控制bg的高度 使其始終等於html 這樣就不會出現空白區域,
outerHeight()元素距離頂端的高度 (加上滾動條的距離)

背景圖100%出現滾動條時會有空白bug