0

現在、fullpage.js を使用して自分の Web サイトのモバイル デバイスでスクロールを機能させることができません。

デスクトップではまったく問題なく動作します。Chrome エミュレーターを使用すると、モバイルではサイトがうまく機能しません (フィルター ボタンの動作が非常に遅くなります)。スライドを変更するための左右のボタンは少しバグがありますが、それで問題ありません。ただし、メニューページをスクロールしようとすると、機能しないようです。

Slimscroll と jquery UI を正しい順序でインポートし、スクロール オーバーフローを true に設定したので、なぜモバイルで動作しないのか少し混乱しています。iPhone の 4 と 5 を使用してみましたが、運がありません。

URLはiglouu.co.uk/new

どんなアイデアでも大歓迎です！

ありがとう

4

1 に答える 1

0

プラグインを正しく初期化していません。

HTML マークアップは次のようになります。

<div id="wrapper" class="fullpage-wrapper">
    <div id="fullpage">
        <div class="section">
            <div class="slide"></div>
            <div class="slide"></div>
            <div class="slide"></div>
        </div>
    </div>
</div>

したがって、現在使用しているものではなく、ID fullpageを使用してプラグインを初期化するwrapper必要があります。

そのはず：

$('#fullpage').fullpage({
   //...
});

そして、あなたは持っています：

$('#wrapper').fullpage({
   //...
});
于 2014-09-23T09:39:24.420 に答える