2016-11-25 20 views
0

Fullpage.jsでscrollOverflow:trueオプションを有効にしました。スリムなスクロールプラグインを追加しました。モバイルデバイスで長いコンテンツをスクロールすることが重要です。私が携帯電話でスクロールしようとすると、ただ他のセクションに直接スクロールしますか?私は電話でAlvaroが作成したサンプルをテストしましたが、それは素晴らしい動作です。コンテンツをスクロールし、最後に次のセクションに移動します。fullpage.jsとslim scroll.jsでスライドをスクロール

私は間違っていますか? Website under construction

EDIT 問題がどこにあったのですか。コンテンツを配置するために使用したコンテナは、ほとんどのモバイル画面では長くなっていましたが、長いスクロール可能なコンテナがあるほど長くはありませんでした。それで、コンテンツの終わり近くで、次のセクションにスワイプしました。私はエラーがなかったので、ワットが間違っていたことを理解できませんでした。私はそれを長くし、希望の効果を与える容器の底に詰め物を加えました。

より良いオプションが

答えて

1

fullPage.jsは長い時間前にslimScroll.jsを使用して停止歓迎します。 これで、iScrollのいくつかのバグを解決するフォークされたバージョンが使用されています。 in the docsを述べたようにあなたはvendorsのフォルダにそれを見つけることができます。

scrollOverflow:は(デフォルトはfalse)は、その内容はそれの高さよりも大きい場合、セクション/スライドのスクロールを作成するかどうかを定義します。 trueに設定すると、コンテンツはプラグインでラップされます。デリゲートを使用するか、afterRenderコールバックで他のスクリプトをロードすることを検討してください。 trueに設定する場合は、ベンダーライブラリscrolloverflow.min.jsが必要です。これは、fullPage.jsプラグインの前にロードする必要があります。例:

<script type="text/javascript" src="vendors/scrolloverflow.min.js"></script> 
<script type="text/javascript" src="jquery.fullPage.js"></script> 
関連する問題