setIntervalを使ったレイヤー表示
以前、livedoor readerみたいな全画面レイヤー表示を作ってみていました。でも、画面サイズを変更すると、隠れていない部分が出てきてしまいました。
そこで、setIntervalを利用したのを改めて作ってみました。今回、初めてsetIntervalを利用してみたので、不安。
function glayer(){ glayerResize(); var glayerTimer if( $('glayer').style.display ){ $('glayer').style.display = ''; clearInterval(glayerTimer); }else{ $('glayer').style.display = 'block'; var glayerTimer = setInterval(glayerResize,10); } } function glayerResize(){ var w = document.body.clientWidth; var h = ''; var h1 = document.documentElement.clientHeight var h2 = document.body.scrollHeight; if( h1 > h2 ){ h = h1; }else{ h = h2; } $('glayer').style.width = w + 'px'; $('glayer').style.height = h + 'px'; }