最初のセクションでは画面全体にparticles.jsが表示されたかったのですが、私がしていることはページの他の部分にあります。私は第2セクションに粒子を加えました。これは私にはfullPage.js(Alvaro Trigo、2つ以上のリンクを投稿することはできません)を使用しているようです。私は私のウェブサイトをつけているので、誰かがこれを見てほしいです。 unlikemenow.github.io感謝:)fullPage.jsでフルスクリーンのparticle.jsを設定しようとしています
1
A
答えて
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で作業したことはありませんが、それは超クールに見えます!
関連する問題
- 1. ヒーローをスクロールしてFullPage.JSを初期化しようとしています
- 2. Thumbnailctrlのサイズ(フルスクリーンにしようとしています)
- 3. TextViewでカスタムフォントを設定しようとしています - nullpointer
- 4. .htaccessでホームページを設定しようとしています
- 5. コードブロックでSDLを設定しようとしています
- 6. OSXでpostgresを設定しようとしています
- 7. asp.netコアでmetrics.netを設定しようとしています
- 8. Jenkinsのgitフックを設定しようとしています
- 9. ViewBagの値を設定しようとしています
- 10. テキストフィールドのテキストを設定しようとしています
- 11. ディレクトリへのショートカットを設定しようとしています
- 12. jlabel上のアイコンを設定しようとしています。
- 13. iOS - アプリケーション設定、スイッチをリセットしようとしています
- 14. c#cefsharpブラウザプロキシを設定しようとしています
- 15. クリックリスナーをrecyclerViewに設定しようとしています
- 16. appdelegateからウィンドウを設定しようとしています
- 17. .kaドメイン名を設定しようとしています
- 18. ドラッグアンドドロップからfileinputを設定しようとしています
- 19. tumblrページにアコーディオンセクションを設定しようとしています
- 20. sencondサイトを設定しようとしています
- 21. tdテキストを設定しようとしています
- 22. fullPage.js - 例えば、通常のスクロール用のオプションを設定するときfullPage.jsに
- 23. SmoothState.jsとFullPage.jsがうまく機能していません
- 24. コントローラアクションをXmlエンドポイントとして設定しようとしています
- 25. ブロードキャストレシーバにフィルタを設定しようとしていません
- 26. エクスプレスとパスポートでノード認証を設定しようとしています
- 27. geojsonファイルを特定のマップに設定しようとしています
- 28. ExpandableListViewに値を設定しようとしていますが、カスタムアダプタを設定しようとしてエラーが発生するのはなぜですか?
- 29. PHPでブートストラップのページ設定を使用しようとしていますmysqli
- 30. HTML/CSSでこのテーブルリストを書式設定しようとしています
お返事ありがとうございます。私はあなたの指示に従ったが、失敗した。 Canvaはcanvaで作成され、何も表示されません。私はそれがfullPage.cssのためだと思うが、私はそれを解決できない。うん、それはクールです。また、このnavは私のものではありません:) – serengeti
''または '
キャンバス:Pそのok – serengeti