問題タブ [iscroll4]

こんにちは、スクロールにiScrollを使用してモバイルweb.appを構築しています。問題は、ページが最初に読み込まれるときにiScrollスクローラーの動作に問題が発生することがあることです。

これは、問題を解決するために追加したコードであり、(document).readyほとんどの場合それを実行していますが、たまに機能しないようです。

ラッパー（スクロール可能な領域）の高さが遅くなると、スクローラーが機能しないと推測されます。そのためdocument.ready、上記の結果を追加しました。 https://stackoverflow.com/

助けていただければ幸いです。

ありがとうございました

myScroll.y と myScrollPagesY をログに記録すると、次のようになります。

出力：

0

0、-422、-465

したがって、デフォルトの数値は 0 ですが、スクロールしてもコンソールに数値の変化は見られません。

どういうわけか iScroll refresh(); を組み込む必要がありますか? Y座標を常に更新する方法は?

基本的に次のような if ステートメントを書くにはどうすればよいでしょうか。

myScroll.y = 特定の数値の場合、クラス「選択済み」をナビゲーション ボタンに追加します。

基本的に、ページを下にスクロールしているときに、新しいセクションに移動したときに上部のナビゲーション バーが強調表示されるようにします。

前もって感謝します！

私は自分のマークアップを

iScroll（http://cubiq.org/iscroll）が機能するには、#scrolleras IDが必要です（iScrollの初期化に使用しているjavascriptコードに従って）。

ただし、同じIDを持つ2つの異なる要素を持つことはできないため（上記のマークアップに同じIDスクローラーを持つ2つの要素があることに注意してください）、いくつかの競合があり、iScrollが正しく機能していません。

IDをクラスとして変更することで、マークアップにiScrollを実装できるようにしたいと思います。それらをクラスに変更して、それが機能するかどうかを確認しようとしましたが、正しく理解できませんでした。

IDの代わりにクラスを実装することで機能するようにコードを変更するのを手伝ってくれる人はいますか？

iscroll を使用して、長い div を ipad でスクロールできるようにしています。ただし、iscroll が touch イベントをジャックしたため、ユーザーは div 内のテキストを選択できなくなりました。

これに対する回避策があるかどうか誰かが知っていますか?

理論的には、iscroll はタッチではなくドラッグに応答するはずですが、実際にはこれは起こっていないようです。

この問題を抱えている他の人はいますか？

iScroll4 フレームワークを使用すると、タッチ オペレーティング システムで互換性のあるスクロール div を使用できます。さらに、onClick で 240px ジャンプする矢印が両側にあります。これは、CSS3 をサポートしていないブラウザー用です。

問題は、タッチスクリーン オペレーティング システムでスクロールしてから矢印を押すと、これを行う前の場所にスクロールして戻り、240px 進むことです。

その理由は、iScroll がグローバル変数オフセットに情報を提供しないためです。

方法は、JQuery の .Scroll() メソッドを使用して、div のスクロールがいつ終了したかを判断し、グローバル変数を更新することだと思います。これを達成する方法は別の話です。

ここにフィドルがあります。左と右への矢印として L & R ボタンを使用し、CSS3 ブラウザーを使用している場合は、ドラッグして、これらのボタンの 1 つを押したときに何が起こるかを確認してください。 http://jsfiddle.net/Agp74/5/

これを並べ替える方法についてのアイデア。

素晴らしい

iscroll4 で画像の基本的なカルーセルを実装しました。画像があれば、すべてが (ほぼ) 完璧です。しかし、HTML5 タグを介してビデオを追加しようとすると、カルーセルが停止し、ビデオをスワイプすると、ページが右または左にスクロールします。

カルーセルにもこの問題があります。私のページは少し長いので、すべてのコンテンツを表示するには下にスワイプする必要があります. しかし、カルーセルの領域で下にスワイプしても何も起こりません。

私は、カルーセルが左右のスワイプを理解し、ビデオタグがタップすることだけを望んでいます。

このようなことは可能ですか？

これが私のhtmlのスケルトンです。

添付されているのは、iPhone に見られるものと同様の概念入力のフィドルです。IE 以外のすべてで動作する iScroll4 というライブラリを使用します。

IE 8 と IE 9 をテストしましたが、どちらも動作しません。これは、Firefox、Chrome、Safari、およびタッチスクリーン モバイル デバイスで動作するフィドルです。

http://jsfiddle.net/XHPYF/

誰でも解決できますか？