2017-05-23 13 views
-1

私はCSSを修正できませんでしたhttp://albertoramacciotti.me Obertは中部ではなく、セクションの中央ではありません。 Javascriptが機能していない場合:http://albertoramacciotti.me/without-JS/ プラグインによって作成された、自分のページを破壊しているラッパーdivについてです。 誰かが私を助けようとすることができますか?jQuery fullpage jsは私のCSSを修正しました

+0

ここでコードを共有します – brk

+0

display:flexプロパティを使用しない理由垂直センタリングのための最も簡単なソリューションです。表示:テーブルの垂直方向のセンタリングは非常に古くて悪い方法です。https://css-tricks.com/snippets/css/a-guide-to-flexbox/ –

+0

受け入れられる解決策は正しいものではありません。 -1 – Alvaro

答えて

0

あなたのjavascriptはあなたのセクション内にdiv(.fp-tableCell)を追加してdiv.contentのセクションとテーブルセルのスタイリングで設定したテーブルスタイリングを破る高さを割り当てています。しかし、あなたがやろうとしているすべてがフルページコンテナを作成の場合 - - 私がなり、あなたのCSSで行うことができますどのような

これはあなたが今持っているあなたの問題を解決するだろう

.fp-tableCell { 
    display: table; 
    width: 100%; 
} 

を割り当てることですフレックスボックスを使用するか、height:100vh;を使用してセクションを強制的にページの高さにすることもできます。

+0

私は@Alvaroの答えを信じています結局のところ、それは彼らのプラグインです。私のCSSクラスは実際にはこの特定の問題を修正していますが、プラグインのCSSを含めて他の隠された問題を修正することができます。 ['jquery.fullpage.css']の53行目〜58行目(https://github.com/alvarotrigo/fullPage.js/blob/master/dist/jquery.fullpage.css#L53)には、 – JHEUNG

1

あなたは詳細な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
+0

CSSフルページファイルが不快であるかどうか:CSSではまだ動作しません – user1915335

+0

あなたが受け入れた解決策は、フルページCSSが追加する不足しているCSSの一部を追加することです...私の解決策は正しいです... – Alvaro

+0

CSSを有効にし、.cssに.fp-tableCellを設定しても問題は解決されません。 – user1915335

関連する問題