問題タブ [iscrollview]

私は現在、iscrollview で JQM1.3 を使用しており、iscrollview を別の iscrollview 内に配置するときに発生するこの問題をどのように修正するのか疑問に思っていました。

私のHTMLは次の行に沿って進みます：

私が抱えている問題は、下にスクロールするとすべてがうまく見えるが、上にスクロールすると; 両方の div が上にスクロールします。内側のdivが一番上になるまで、外側のdivのスクロールを止めることができる方法はありますか?

このようなことをどこから始めればよいかさえわからないので、どこから始めて情報を探すべきかについての指針を期待していましたか?

よろしくお願いします。

jquery mobile ios phonegap アプリケーションでは、iscroll を使用しています。iscroll を使用すると、テキスト ボックスの動作がおかしくなります (文字を入力するたびに上下に移動します)。

アプリでiscrollを有効にしました

次のスクリプトを追加しました。

私のページは次のようになります。

次のコードを追加しようとしましたが、機能しませんでした

どうすれば修正できますか？

助けてください。

週末にかけてこのバグと戦っていますが、解決策が見つかりません。私の JQuery Mobile アプリにはいくつかのスイッチがあります。Android 2.2または2.3でテストすると、奇妙なバグが発生します。少し下にスクロールしてスイッチに到達し、スワイプジェスチャでそれらをトリガーすると、ページが下にジャンプしたり、下にジャンプしたりします。それ以降、ページの上部にスクロールすることはできません! スクロール可能な領域が何らかの形で再定義されたようです。

この動作を示す簡単なデモを作成しました。すべてが箱から出しています。JQM、JQ、iScroll、iScrollview はそのままで、独自のコードはありません。

更新 JQM 1.3.2 を使用して Github でアップグレード ブランチを作成しました。

GitHub でデモを見つけることができます: https://github.com/Hexodus/iScroll_Jumpbug

ざっと見たい場合は apk ファイルもあります(お使いの携帯電話は Android 2.2 または 2.3 である必要があります)。

または、QR コードから簡単にインストールできます。

ところで、 このバグは jsfiddle では再現できません。Jsfiddle が何かを変更しているため、ページが正しく表示されません。

あなたの助けが必要です。

iScrollview ウィジェット プラグインを使用して、jQuery Mobile と iScroll を使用しています。私の意図は、ヘッダーとフッターを固定位置に設定し、iScroll が 2 つの間のすべてのコンテンツのスクロールを処理することです。

だから私はこのようなものを持っています:

私の問題は、ページが最初に表示されるときに、コンテンツがフッターまで拡張されないことです。デスクトップ ブラウザで data-iscroll div の高さが 759px に設定されていることを Firebug で確認できます。865px である必要があります。違いは、正確には 53px のヘッダーと 53px のフッターです。つまり、iScroll はヘッダーとフッターの高さが iscroll-data div の外にあるにもかかわらず考慮しています。

向きを変更すると、iscroll div のサイズが完全な高さに正しく変更されます。

これを pageinit に追加すると、最初のページは正しく表示されますが、後続のページは正しく表示されません。

pagebeforecreate、pagecreate、pageinit、pagebeforeshow、pagebeforehide、pageshow pagehide、pagebeforechange、pagechange、pagechangefailed を試しました。一部のエラーが発生し、他のエラーはスクローラーのサイズ変更と更新を行いません。

私の質問は次のとおりです:スクロール領域が向きの変更でそれ自体を修正する場合、ページが表示されるたびにそれを強制的に修正するにはどうすればよいですか?

jQuery Mobile、iScrollview、および Google マップを使用して Web ページに取り組んでいます。マップが初期化されると、画像を含む情報ウィンドウを含む一連のマーカーが読み込まれます。画像がクリックされると、jQM ポップアップのコンテンツがリストとともに読み込まれ、ポップアップが表示されます。

私は2つの問題を抱えています:

1) jQM ポップアップのコンテンツの高さ (例: 150px) を設定するにはどうすればよいですか? iScrollview を使用すると、コンテンツの高さがオーバーライドされて大きくなります。ドキュメントで指定されているようにrefresh()を使用しても効果はありません (または、間違って使用していますか?)。

2) リストがコンテンツの高さを超える場合にのみスクロールバーを表示する方法はありますか? 現在、常にスクロールバーが表示されます。

HTML

CSS

JavaScript

2 つのスクロール可能な div を並べて配置したいのですが、次の html はクラス "ui-block-a" のみで最初の div のスクロールバーを生成しています。

IScrollView を実装する JQuery Mobile v1.3.2 で作成された webapp があります。マップを縦にスクロールすると、スクロール ビューもスクロールします。gmapをスクロールするときにiscrollスクロールをキャンセルするために、その動作を無効にする方法はありますか?

前もって感謝します。

iScrollViewアプリ ( ) で使用していPhoneGap, JQM 1.3, Androidます。これに関する優れた作業。それは宝石です。

実際、私は Samsung Galaxy S3 でテストしています。

<div>私の最初のページは、画像 (外部 src を含む) を含む一連のコンテナーから構成される縦方向の寸法 (約 6000 ピクセル) が大きくなっています。

これらの DIV - コンテナーは、Json データに基づいてコンテンツ div に動的に追加されます。それから私はやっていrefreshます。これまでのところ、すべて問題ありません。

しかし、私が気付いたのは、data-iscrollコンテンツの属性を省略する<div>と、スクロールがはるかにスムーズになり、途切れることがまったくないことです。しかし、data-iscroll属性を content-DIV に追加すると、スクロールが途切れます。

アンカータグや画像のせいだと思ったので、divコンテナをスパンに置き換えてテキストを入れました。約 30 スパンをコピーして、スクロールの動作を観察しました。途切れ途切れです-スパンがありますが。その後、わずか 15 スパンで、スクロールが少しスムーズになりました。content-div 内のコンテナの量と関係があります。

私のマークアップは、次のような単純化された形式になります。

誰でもこの動作を確認できますか? 利用可能な回避策はありますか?

リストビューを含むページでjqueryモバイルとiscroll/iscrollviewを使用しているため、リストビューのコンテンツがスクロールされます。リストビューは問題なくスクロールしています。 問題は、リストがスクロールされたときにリストビュー項目が誤ってクリックされることです。

解決策があれば教えてください。

スクロールが停止した時刻に変数 (scroll_stop_time) を設定できるように、onScrollEnd イベントにバインドしようとして失敗しました。

また、scroll_stop_time 変数の時間値をチェックする pagebeforechange イベントもあり、時間が近すぎる (200 ミリ秒未満) 場合は、クリックを停止します。

ただし、onscrollend イベントを発生させることができないため、scroll_stop_time は更新されず、すべてのクリックが通過します。

私のコード:

ブラウザ コンソールに次の出力が表示されます。