0

jQueryモバイルでscrollstartイベントを使用していますが、ブラウザでは発生しません。しかし、それはデバイス上で発火します。私の問題は、スクロール中にタスクを実行する必要があることです。誰かがその div.Div をスクロールすると div に高さを与える必要がありますが、問題は div コンテンツの上部に移動することです。

高さを指定した後、ユーザーのフォーカスがそこにある必要があるかどうかを意味します。競合のトップにはなりません。

最初に、ユーザーが div の競合 (Ipad で実行されている) をスクロールし、ブラウザーでは実行していないときに、スクロール開始関数を起動する必要があります。次に、divに高さを与えます

$('div#realTimeContents').css("height", "")

次に、フォーカスは競合の先頭に移動します。

ここに私のフィドルがあります

http://jsfiddle.net/naveennsit/x7ZyB/2/

$(document).on('scrollstart', '#realTimeContents', function() {
  alert("scroll---");
  isScrolling=false;
  $('div#realTimeContents').css("height", "")
  //$('div#realTimeContents').css("height", null)
});
4

1 に答える 1

1

あなたの Fiddle の JavaScript コードには構文エラーがあります。

  1. イベントを正しく添付していません。ページが初期化されたら、これを試してください。

    $('#realTimeContents').on('scrollstart', function () {
      //CODE
    });
    
  2. いくつかのバグがあるバージョンの jQuery Mobile を使用しています (少なくとも Fiddle では)。1.3.1 などの安定したバージョンを使用してください。

ここに動作するデモがあります。

于 2013-08-11T11:24:17.230 に答える