-1

こんにちは、要素のリスト (UL) を持つ Web ページを書いています。

11 番目の要素ごとにページの上部に固定されます。したがって、上にスクロールして #11 がページの上部に到達すると、停止します。(私は実際に LI のクローンを作成し、一番上に貼り付けます)

22 番目の要素が現れると、11 番目の要素を「押し上げ」ます。

基本的に、アドレス帳に表示される iOS ヘッダーを再作成しようとしています。

コードは jQuery を使用し、ウィンドウのスクロール イベントにバインドします。次に、要素がどこにあるかを計算し、魔法をかけます。

これはすべて、デスクトップ (Chrome、Firefox、さらには IE!) でも見事に機能します。ただし、Galaxy S3 の Chrome でテストすると、上部の要素を検出するときに遅延が発生するようです。

私の推測では、モバイル デバイスの処理能力が原因で、デスクトップの場合ほど頻繁にスクロール イベントが発生しないようです。別の SO 投稿からこのフィドルを見て、モバイル デバイスで実行すると、同じ問題が発生します。

http://jsfiddle.net/jaibuu/YqPzS/

function checkScrolling() {

    if ($('#content').scrollTop() > mastheadHeight) {
        menu.addClass('fixed');
    } else {
        menu.removeClass('fixed');
    }

}

$('#content').scroll(function () {
    checkScrolling();
});

また、同じことをしようとする jquery プラグインにも同様の問題があります。このページのデモをご覧ください

http://www.teamdf.com/web/showcasing-jquery-list-with-a-fake-iphone/147/

では、デスクトップと同じ速度/解像度のスクロールをモバイル デバイスで実現することは可能でしょうか?

ありがとう。

4

1 に答える 1

0

Zeptoを使ってみることができます。それを簡単にするためにwinscrolledを使用します。

于 2013-12-19T10:39:11.320 に答える