問題タブ [iscroll4]

iscroll を jquery mobile で数週間動作させようとしています。

iscroll の check-dom-changes の例に基づいて簡単なサンプルを作成しました (他の方法を知っている場合は、私もそれを使用します:)

ここに私が作ったページのコードがあります:

Page1 : http://jsbin.com/ixomob/edit

そしてテストページ : http://teraonline.be/street/iscrolltest/index.html

page2 のリンクをクリックするとわかるように、page2 は表示されますが、iscroll は機能しなくなります (代わりに右へのネイティブ スクロールが表示されます)。おそらく、page2 の dom を更新する別の方法ですが、私にはありません私はjavascriptの初心者なので、方法を見つけました（iscroll4ページで他の例を読んだことがありますが、正しく使用していない可能性があります）。

iscroll と jqm の最新バージョンを使用しています。

あなたは私の最後の希望です！

2 つの Fiddles をセットアップしました。1つは完全に機能しています。画面に表示されている中間値を計算することになっています。

最初のフィドルは、スクロール時にこれを見事に実行します。

2 つ目は、スクロールでは機能しないタッチ フレームワークを組み込んでいますが、スクロール後にテスト ボタンを押すと機能します。これは Google Chrome と Safari で動作しますが、Firefox で試してください。正しい値を生成せず、一番下に固執することがわかります。

• 作業例 :: http://jsfiddle.net/H3rHL/
• 機能不全 :: http://jsfiddle.net/U4qyp/75/

これを修正する方法についてのアイデア。

素晴らしい

問題の要約

動作する 2 次元スクロール コードを取得しました。そのようなスクロールは正常に機能しています。スクロールは任意の方向に行うことができます (水平方向のみ、または ti,e で垂直方向のみに制限されるのとは異なります) が、2 つの問題があります -

• 表示領域を超えて上と左に向かってスクロールすると、スクロール可能な領域に戻りません。
• 右と下にスクロールすると元に戻ります。

問題のデモ - http://jsfiddle.net/sandeepan_nits/pAhjU/6/
注 - Webkit ブラウザー (Google chrome および Safari) でのみテストしてください。

私が探しているソリューション

• どちらか、私のコードで何が間違っているかを指摘してください。
• または、同じバージョンの iscroll を使用して、適切に実装された両方向のスクロール (水平 + 垂直) の動作デモを共有してください。私が使用している - バージョン 3.7.1、望ましい、または iscroll バージョン 4 も使用しています。
• または、もちろん、任意のポインタをいただければ幸いです。

問題の説明

ここで動作コードを確認してください - http://jsfiddle.net/sandeepan_nits/pAhjU/6/

ノート -

• Webkit ブラウザーのみでテストします (Google chrome および Safari)。
• jsfiddle の HTML セクション内にすべてを故意に配置しました。これは、物事を完全に分離すると、スクロールが機能せず、正確にどこで機能しなくなるかわからないためです。ご指摘いただければありがたいです。

コード

ここにHTMLがあります -

注 -無効な html があることはわかっています -<div id=scroller1>内部にあり、タグ<b></b>を削除する<b></b>と水平スクロールが機能しなくなる理由がわかりません -ここを確認してください。

これがjsです-

その理由は、スクロール可能な div がデフォルトでスクロール可能な領域の右下隅にレンダリングされるためだと思います。しかし、それらを構成する適切な方法、つまりスクロール可能な領域内のスクロール可能な div をレンダリングする場所を設定する方法についてはわかりません。これまでのところ、水平スクロールと垂直スクロールの両方の方法で動作するデモは見つかりませんでした。

iscrollのドキュメントと多くの動作中のデモを確認しましたが、水平方向と垂直方向の両方でスクロールできるデモは見つかりませんでした。http://cubiq.org/iscrollの「Syntax」セクションの下にある「Accepted options are:」セクションを確認しましたが、これらのパラメーターはどれも私が探しているものではないようです。

他のもの

• また、もう1つ、特定のスクロールデモを調べている間、クロムブラウザでdom要素で覆われた領域を表示できません。領域を表示するとは、DOM インスペクター パネルの上にマウスを移動すると、ブラウザー ビューで DOM が強調表示されることを意味します。表示されないときは？http://jsfiddle.net/sandeepan_nits/pAhjU/12/のように、検証済みの HTML で確認しました。

• 誰かがタグを作成するiscrollかiscroll3、質問にタグを付け直すことができるようにしてください.

更新
スクロール領域が適切に表示画面内にある状態で通常の2次元スクロールを行いたいだけで、画面外に出ると跳ね返るはずです。現在、画面の外で上下左右にスクロールしても（私のjsfiddleでは）跳ね返ることはありません。右と下にスクロールすると跳ね返ります。スクロール領域を画面内にうまく配置したいだけです。バウンスバックは自動的に修正されると思います。

グリッド div が iPhone/iPad でスクロールできるように、iscroll を滑らかなグリッドで動作させようとしています。div 要素にスクロールを追加してみました。つまり: myScroll = new iScroll('myGrid'); そして、それはうまくいきません。

例によると、iscroll は div が次のようになることを期待しています。

何かご意見は？

ありがとう。

携帯サイトを作っています。ヘッダーを position:fixed にする必要があります (ただし、サポートされていないモバイルであるため)、iScroll4 を使用しています。探しているように見えるからです。何らかの理由で、それを実装する方法を理解できません。

ここに私のHTMLがあります：

ここに私のCSSがあります:

そして、ここに私のJavascriptがあります:

アイデアがあれば、大歓迎です。

私はiScrollを使用していますが、完璧に機能しています。入力や選択などのフォーム要素に関しては機能しますが、これらの要素をタップするとiPhoneのキーパッドが表示され、要素にフォーカスする必要がありますが、これは理にかなっています. しかし、これはドキュメントスクローラーを一番上に移動して、私が望まないヘッダーを非表示にします。

フォーカスされた要素があるかどうかを感知し、それを防ぐが、window.iScroll の代わりに iScroll をスクロールする関数を作成するのを手伝ってくれませんか。

それは理にかなっていますか？

iScroll4 コンテナーで複数の jQuery ボタンとチェックボックスを使用すると、一部のコントロールの速度が低下します。ユーザーへの視覚的なフィードバックが遅くなり、遷移がスムーズになりません。

主にiPadのパフォーマンスの問題だと思います。ブラウザではすべて正常に動作します。

iPad(1) でパフォーマンスを向上させる方法はありますか? この問題の解決策または回避策はありますか?

ここの最初のページで問題を簡単に見ることができます：http：//m.vancouverislandlife.com/

（ただし、iPhoneやiPod Touchのターゲットオーディエンスは、画面のスペースが非常に少ないため、これによる影響を受けないため、必ずしも緊急ではありません。）

さて、新しい問題。iScrollの問題を解決するために、カスタムスクリプトを作成しました。ただし、実際のデバイスでは正しく機能していません。デスクトップブラウザでは、問題なく動作します。モバイルでは、時々トップに戻って、いくつかのタッチを認識しません。これはおそらく、デフォルトのイベントをキャンセルし、少しハックする必要があったためです。どうすればこれを修正できますか？（うん-+500の賞金の単純な問題。悪くないね？）

スクリプトは次のとおりです。Webサイトは通常の場所にあります。

ページの読み込み時に iScroll を特定の場所にスクロールしたいので、このコードをフッターの一番下に配置します。

しかし、Chromeでこのエラーが発生しています

キャッチされていない TypeError: 未定義のメソッド 'scrollTo' を呼び出せません

私が実行するとき

コマンドラインだけでうまく動作し、ドキュメントは正しい場所にスクロールします。

iScroll がインスタンス化されると myScroll が設定されます。このコードはヘッダーにあります。

標準の HTML/CSS/JS を使用して iPad Web アプリケーションに取り組んでいます。最終的にはPhonegapにラップされますが、当面はWeb上でライブします.

このアプリケーションは、iFrame 埋め込みを介して、Scribd (変換された PDF) から HTML5 コンテンツを配信します。iPad のさまざまな向きとコンテンツの読みやすさのために、埋め込まれた iFrame よりも iFrame のコンテンツを大きくする必要があります。

私が遭遇した問題は、無限の「知恵」で Apple が iOS 4.3+ で iFrame をスクロールする機能を削除したことです (どちらも 1 本指と 2 本指のスクロールを使用)。

これを回避するためにiScroll 4を実装しましたが、iFrame 全体がスクロール div 内にある場合でも、ユーザーが iFrame の外側に触れた場合にのみ機能するようです。

これに対する回避策/解決策を見つけた人はいますか? どうにかして iFrame のスクロールを無効にして、iScroll を完全に制御できますか?

何日もこれをハッキングしてきました...