fullPage.js - セクションより高いコンテンツを表示できません

Question

fullPage.jsとBootsrapに基づくページがあります。デフォルトでは、セクション内のコンテンツは垂直方向に中央に配置されます。しかし、私のコンテンツは動的でクリックに応じて変化します。それは、私のコンテンツがクリックごとに異なる高さを持ち、ページ上でdivジャンプを引き起こすことを意味します。

垂直センターを無効にすると問題は解決しますが、デスクトップの場合のみ解決されます。小さな画面（携帯電話、タブレット）では、セクション内のすべてのコンテンツを見ることはできません。

垂直センターを有効にすると、セクションがコンテンツとして高くなります。

ライブの例では、その言葉以上のものです：verticalCenterと

1. 例は、私が使用することをお勧めします
2. （動作しない）無効verticalCenterとの例（動作しない）

Answer 1

最後に、解決策は容器の高さを指定した。

Answer 2

を有効にresponsiveWidthまたはresponsiveHeightオプションがfullpage.jsで提供されています。これは、小さな画面デバイスで最高のユーザーエクスペリエンスを作り出すことになります。

しかし、あなたはまだ、あなたが常にin this exampleとしてscrollOverflowオプションのために行くことができ、動的に変更内容は、セクションの高さの変化をトリガすることを任意のクリックで$.fn.fullpage.reBuild()を呼び出す必要があります、スクロールバーを調整する自動スクロールしたい場合。