2

わかりましたので、画面サイズに関係なく、ユーザーのブラウザ ウィンドウの正確な幅と高さである一連の div が必要です。「幅: 100%;」を使用して、div を水平方向に簡単に伸ばすことができます。しかし、高さ自体を伸ばす方法がわかりません。高さを判断するためにJavaScriptを少し使用し、次に別の部分を個別のdivのサイズを変更する必要があると推測しています。残念ながら、私は完全な javascript n00b であり、2 時間にわたって一見無益な検索を行い、約 100 の「解決策」を見つけた後、これは id が得た限りのものでした (ある時点で、おそらく答えに近づいたと確信しています):

var viewportHeight = "height:" + document.documentElement.clientHeight; 

getElementById('section-1').setAttribute('style', viewportHeight);



<div class="section" id="section-1"></div>

<div class="section" id="section-2"></div>

<div class="section" id="section-3"></div>

編集: ああ、もっと明確にする必要があります.3つのdivすべてを画面全体に表示しようとしているので、下にスクロールしてそれぞれを表示する必要があります-ほとんど別々のスライドのようです. 画面の 3 分の 1 を占める 3 つの div ではなく、それぞれが画面全体を占めるため、下にスクロールするまで次のセクションが表示されないという考え方です。

4

5 に答える 5

0

これを試して

window.onload = init;
function init()
{
var viewportHeight = "height:" + document.documentElement.clientHeight+"px;"; 
document.getElementById('section-1').setAttribute('style', viewportHeight);

}
于 2013-10-05T04:27:34.803 に答える