7

私はfullpage.jsとslimscroll.jsプラグインを使用しています。これは、コンテナセクションの高さを超えるコンテンツを持つセクションでスクロールできるようにするために必要です。

タッチ デバイスでのエクスペリエンスがかなり悪いことに気付きました。通常は、スワイプしてリリースし、ページがまだスクロールするのを見ることができますが、slimscroll div では、指がタッチ領域を離れるとすぐにスクロールが停止します。

したがって、モバイルとタブレットでは fullpage.js を無効にしますが、デスクトップでは有効にします。fullPage.jsの問題とドキュメントをチェックアウトしましたが、これを行う簡単な方法が見つかりませんでした.

誰か助けてくれませんか？

どうもありがとう

4

4 に答える 4

7

私はこのように使います！

var isPhoneDevice = "ontouchstart" in document.documentElement; 
$(document).ready(function() {
        if(isPhoneDevice){
            //mobile
        }
            else{
                //desktop               
                $.fn.fullpage();
            }
        });
于 2014-04-04T06:19:31.997 に答える
3

ここStackexchangeで見つけたさらに簡単な方法-これは私が使用しているものです:

if(screen.width < 480) { 
// do any 480 width stuff here, or simply do nothing
return;
} else {
// do all your cool stuff here for larger screens
}
于 2014-05-19T21:22:03.440 に答える