2017-04-06 4 views
1

最初のセクションでは画面全体にparticles.jsが表示されたかったのですが、私がしていることはページの他の部分にあります。私は第2セクションに粒子を加えました。これは私にはfullPage.js(Alvaro Trigo、2つ以上のリンクを投稿することはできません)を使用しているようです。私は私のウェブサイトをつけているので、誰かがこれを見てほしいです。 unlikemenow.github.io感謝:)fullPage.jsでフルスクリーンのparticle.jsを設定しようとしています

答えて

1

だから、最初のオフは、代わりに<div><canvas>要素にparticles-jsクラスを入れてみてください。

これは、あなたの最初のセクションが既に持っているように<div class = "section">にラップされることを意味します。直接の子は<canvas class = "particles-js">です。 <canvas>には<canvas id = "the-particles" class = "particles-js">のような一意のIDを付けます。

CSSでは、#theParticles IDにZ-Indexを割り当てます。次に.sectionクラスにZ-Indexを設定します。 <canvas>Z-Index<div>より高いことを確認してください。私はこれを自分でテストしていないので、うまくいかない場合は私に教えてあげてください。私も以前はパーティクル-jsで作業したことはありませんが、それは超クールに見えます!

+0

お返事ありがとうございます。私はあなたの指示に従ったが、失敗した。 Canvaはcanvaで作成され、何も表示されません。私はそれがfullPage.cssのためだと思うが、私はそれを解決できない。うん、それはクールです。また、このnavは私のものではありません:) – serengeti

+0

''または ''と書いてありますか? ;)また申し訳ありませんが、私はそれをコーディングせずにそれを考えることを最善に努めました – KeplerIO

+0

キャンバス:Pそのok – serengeti

関連する問題