fullpage.jsとslimscroll.jsプラグインを使用しています。これは、コンテナーセクションの高さを超えるコンテンツを含むセクションでスクロールできるようにするために必要です。
タッチデバイスでのエクスペリエンスがかなり悪いことに気づきました。通常はスワイプ、リリースしてページがスクロールするのを見ることができますが、slimscroll divでは、指がタッチ領域を離れるとすぐにスクロールが停止します。
だから私がやりたいのは、モバイルとタブレットではfullpage.jsを無効にし、デスクトップでは有効にすることです。fullPage.jsの問題とドキュメントを確認しましたが、これを行う簡単な方法が見つかりませんでした。
誰かが私を助けてくれますか?
どうもありがとう
タッチデバイスでフルページを初期化しないでください。モバイル/タッチデバイスの検出に対処する必要があります。グーグルで少し検索するか、ここでさえ、さまざまな選択肢を見つけてください。
次のようになります。
var isPhoneDevice = [ WHATEVER FUNCTION YOU WANT TO USE ]
//if it is not a phone device...
if(!isPhoneDevice){
//initializing fullpage...
$.fn.fullpage();
}
現時点では、fullpage.jsが別の代替手段を提供しています。使用responsiveWidth
してresponsiveHeight
オプションを。このようにして、fullpage.jsは、指定された値(px)の下で通常のWebサイトとして機能します。
これをクラスと組み合わせて、fp-auto-height-responsive
fullPage.jsがセクションの高さをレスポンシブに設定するのを防ぎ、セクションを完全に制御できるようにすることもできます。
詳細については、ドキュメントをご覧ください。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加