FullPage.js 1 divはすべてのセクションの背景になります

Question

私はFullPage.js拡張機能を使いこなしていました。基本的には、すべてのセクションの背景に1つのdivが必要です。私の場合は、バックグラウンドで保持したいビデオや画像ではありませんが、毎回スクリプトを実行するにはリソースが浪費されます。私はすでに

<div id="fullpage"> 
    <!-- id="webgl" Three js script would be loaded here --> 
    <div class="section">Some section</div> 
    <div class="section">Some section</div> 
    <div class="section">Some section</div> 
</div> 

を試してみましたが、私はときに、スクリプトはこれまでのところ、必要に応じてのみ、第一セクションの内容がロードされたスクリプトの上に表示されます

#webgl{ 
width: 100%; 
height: 100%; 
position: fixed; 
} 

を搭載したdiv要素をスタイルするために、これを試みたが、スクロールして2番目のセクションに移動すると、位置が固定されていてもスクリプトは表示されなくなります。誰にもアイデアはありますか？

Answer 1

背景を修正する場合は、background-attachmentプロパティを試してコンテンツに追加することができます。

background-attachment: fixed; 

か、あなたは試してみましたフルページの要素のうち、あなたの固定コンテンツを置く：

<!-- id="webgl" Three js script would be loaded here --> 
<div id="fullpage"> 

    <div class="section">Some section</div> 
    <div class="section">Some section</div> 
    <div class="section">Some section</div> 
</div> 

と多分あなたは試してみることができますセクションプロパティ

background: transparent; 

を設定します。

Answer 2

「オーバーフロー：スクロール」を追加することもできます。