私はCSSを修正できませんでしたhttp://albertoramacciotti.me Obertは中部ではなく、セクションの中央ではありません。 Javascriptが機能していない場合:http://albertoramacciotti.me/without-JS/ プラグインによって作成された、自分のページを破壊しているラッパーdivについてです。 誰かが私を助けようとすることができますか?jQuery fullpage jsは私のCSSを修正しました
答えて
あなたのjavascriptはあなたのセクション内にdiv(.fp-tableCell)を追加してdiv.contentのセクションとテーブルセルのスタイリングで設定したテーブルスタイリングを破る高さを割り当てています。しかし、あなたがやろうとしているすべてがフルページコンテナを作成の場合 - - 私がなり、あなたのCSSで行うことができますどのような
これはあなたが今持っているあなたの問題を解決するだろう
.fp-tableCell {
display: table;
width: 100%;
}
を割り当てることですフレックスボックスを使用するか、height:100vh;
を使用してセクションを強制的にページの高さにすることもできます。
私は@Alvaroの答えを信じています結局のところ、それは彼らのプラグインです。私のCSSクラスは実際にはこの特定の問題を修正していますが、プラグインのCSSを含めて他の隠された問題を修正することができます。 ['jquery.fullpage.css']の53行目〜58行目(https://github.com/alvarotrigo/fullPage.js/blob/master/dist/jquery.fullpage.css#L53)には、 – JHEUNG
あなたは詳細なin the fullpage.js docsとしてfullpagel.js CSSファイルjquery.fullpage.css
を含めるのを忘れ:
あなたはサンプルファイルで見ることができるように、あなたは含める必要があります:
- jQueryライブラリ。 (1.6.0以上)
- のJavaScriptファイルjquery.fullPage.js(またはその縮小さバージョンjquery.fullPage.min.js)
- CSSファイルjquery.fullPage.css
CSSフルページファイルが不快であるかどうか:CSSではまだ動作しません – user1915335
あなたが受け入れた解決策は、フルページCSSが追加する不足しているCSSの一部を追加することです...私の解決策は正しいです... – Alvaro
CSSを有効にし、.cssに.fp-tableCellを設定しても問題は解決されません。 – user1915335
- 1. jsの「スクリプトエラー」を修正しました
- 2. "fullpage js"のスクロールバー
- 3. Fullpage JSスクロールデバウンス
- 4. Fullpage js mediaqueries
- 5. 私は自動的に私のCSSのソースファイルを修正したいが、私は
- 6. CSS/JSを拡張したままにするように修正する
- 7. jQueryのselectmenuポップアップスタイルは、私はJS/CSSを生成するためのjQueryのThemeRollerのを使用しました
- 8. Fullpage jsはiframe内のスクロールを停止します
- 9. CSS For FullPage for Wordpress
- 10. Rails CSSとJavaScriptで修正された&CSSEditが修正されましたか?
- 11. 電子メールテンプレートのCSS/HTMLを修正しました
- 12. "a"タグの "title"属性にCSSを修正しました
- 13. 私の.jsスクリプトをAngularJsで修正した後で更新できません
- 14. jQuery - ランダムイメージジェネレータ(私のコードを修正します。構文エラーのみ)
- 15. JSスティッキーヘッダーグリッチの修正
- 16. 私はどのファイルを修正しましたか?
- 17. CSSを修正するためのユーザースクリプト
- 18. click - css timeframesまたはjs/jqueryでパスをアニメートしますか?
- 19. JS/jQueryを使用した文字コードのUTF8エンコード/デコードへの修正
- 20. CSSの位置がChromeで動作しないのを修正しました
- 21. jQueryペーストイベントの問題を修正しました
- 22. 複数のjqueryライブラリを修正しました
- 23. jQueryブロック要素のアニメーションを修正しました。
- 24. CSSセレクタIE6,7修正
- 25. Anaconda Pythonの破損修正を修正しました。
- 26. jQueryでIE7で表示を修正しました
- 27. jQueryでウィンドウ位置決めツールチップを修正しました
- 28. RazorとMVC3を使用してwebgridのページャーメソッドのCSSを修正しました
- 29. 私のvirtualenvのインストールを修正しましたか?
- 30. JS&jQuery用のCSSを使用してサイドバーとヘッダーを修正する方法Scroller
ここでコードを共有します – brk
display:flexプロパティを使用しない理由垂直センタリングのための最も簡単なソリューションです。表示:テーブルの垂直方向のセンタリングは非常に古くて悪い方法です。https://css-tricks.com/snippets/css/a-guide-to-flexbox/ –
受け入れられる解決策は正しいものではありません。 -1 – Alvaro