FullPage JS：スマートフォンでフルページを無効にし、セクションを長いページとして表示する方法は？

Question

私はFullPage JSを使用していくつかのセクションを表示しています。デスクトップ上では、完全に動作します。

しかし、一部のセクションにはかなりの量のコンテンツがあります。スマートフォンでは、これらのセクションの内容の一部がカバーされています。別の言い方をすれば、私はスクロール時にこれらのセクションの内容の一部しか見ることができません（すでにスマートフォンのコンテンツ表示を減らすためにメディアクエリを使用しましたが、これらのセクションはスマートフォンでフルスクリーンで表示できるコンテンツ）

私はデスクトップ上で私のために働くために通常のFullPage JSが必要です。ただし、スマートフォンでフルスクリーン表示を無効にして、セクションのリストをスマートフォンのロングページとして表示することはできますか？誰もこれを前にしましたか？

ありがとうございます！

Answer 1

fullpage.jsには、responsiveWidthとなどのオプションがあり、指定された値のpxでオートスクロールを無効にします。

クラスfp-auto-height-responsiveのものを組み合わせれば、あなたが望むものを手に入れることができます。

詳細はin the docsです。

応答自動高さ部 応答自動高さは、クラスFP-自動高応答性を使用して適用することができます。このようにセクションは、応答モードが起動するまで完全な高さになります。

responsiveWidth：（デフォルトは0）定義された幅（ピクセル単位）で通常のスクロール（autoScrolling：false）が使用されます。 bodyタグにfp-responsiveというクラスが追加され、ユーザー自身の応答性の高いCSSとして使用する場合に備えています。たとえば、900に設定すると、ブラウザの幅が900より小さいと、プラグインは通常のサイトのようにスクロールします。

responsiveHeight：（デフォルトは0）定義された高さ（ピクセル単位）で通常のスクロール（autoScrolling：false）が使用されます。 bodyタグにfp-responsiveというクラスが追加され、ユーザー自身の応答性の高いCSSとして使用する場合に備えています。たとえば、900に設定すると、ブラウザの高さが900より小さいと、プラグインは通常のサイトのようにスクロールします。