問題タブ [iscroll]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - iScrollの競合
iPadのモバイルSafariのHTML5テンプレート。iScrollを使用したDivは正常に機能しています。また、if/elseステートメントにjQuery関数が含まれています。この関数は、ユーザーがiScroll divの外側をタップしているかどうかをテストし、タップしている場合は、iScrolldivをフェードします。
問題は、if / elseステートメントは、ユーザーがページの2番目のdivの外側をタップしている場合のテストとしては正常に機能しますが、ユーザーがiScrolldivの外側をタップしている場合のテストとしては機能しません。理由がわかりません。if/elseステートメントでiScrolldivに関連付けられているすべてのdivIDを試しましたが、うまくいきません。
以下の機能:
#article = iScroll div
#article_images =ページ上の個別のdiv、ユーザーがこのdivの外側をクリックしているかどうかをテストします。
HTML:
jquery - 向きが変わったときのスクロールの問題
向きを縦向きから横向きに変更すると、 iScrollに問題が発生します。AppMobi XDK では動作していますが、iPhone では正しくレンダリングされません。イベントをトラップしようとしてorientationchange
、さまざまなタイムアウト値で iScroll の更新メソッドを呼び出しましたが、うまくいきませんでした。
誰でも助けることができますか?
html - iScroll が jQuery Mobile のハッシュされたリンクにロードされない
jQuery モバイル サイトの詳細ページの 1 つで、ネストされた div に iScroll を設定しました。基本的に何が起こるかというと、メイン ページ (「about」ページの場合) のボタンをクリックすると、ハッシュ リンク (収集したものから Ajax を使用) のある場所に移動します。例:
http://www.example.com/#about.php (これは iScroll では機能しません。ところで、これは明らかに実際の URL ではなく、単なる構文の例です)
基本的に、URL を単独で (ハッシュされていないリンクとして) ロードすると、iScroll は正常に動作しますが、メイン ページからクリックしてロードすると、iScroll がロードされず、機能しません。例:
http://www.example.com/about.php
ハッシュ化されたリンクではなく直接リンクにリンクするためのアンカーを取得するにはどうすればよいですか<li>
、またはiScroll javascriptをAjaxでロードされたリンクにロードする方法を学ぶ方がよいですか? 助けてくれてありがとう。
アップデート:
aboutページにリンクしたリストビューに使用した構文は次のとおりです。これは、私が読んだどこでも使用されている基本的なリストビュー構文です。私が扱っているのは、現在 5 番目のリンク (ABOUT) だけです。アンカーでハッシュを使用していませんが、それでもハッシュされた場所にリンクしています。興味深いのは、これは http://www.example.com/index.php#about.php ではなく、単にhttp://www.example.com/#about.phpであることです。
jquery - iScrollでドラッグ中にhrefをクリックしない方法
私のページで iScroll を有効にしています。
スクローラーの画像がリンクになっていることに注意してください (大きな画像のポップアップが開きます。しかし、iScroll の優れた機能の 1 つは、マウスをドラッグしてスクロールできることです。しかし今、誰かがそれをドラッグすると、バーをスクロールする代わりに画像が自動的に開きます。回避策はありますか?
jquery-ui - jQueryMobileListviewはiScrollでは遅すぎます
PhoneGap1.3.0とJqueryMobile1.0を使用してアプリを作成しています。スクロールするlistview
にはiScrollを使用したいのですが、スクロールのパフォーマンスが悪すぎます。スクロールが遅すぎます。
また、私はいくつかのテストを行いました。
jQuery Mobileなしでコードを使用すると、高速になります
..。
しかし、jQueryMobileタイプを追加するlistview
と。
遅いです。どうすれば修正できますか?
jquery - iScroll + jQuery Mobile -> 動的リストビューのスクロール位置の問題
動的に更新されたリストビューがあります。JSON サービスからデータを取得し、解析して動的に div に注入しました。問題は; すべてのデータを生成した後、スクロールは機能していますが、完全ではありません。リストビューを押して上にスクロールすると、画面から時指を離すと、リストビューの位置が自動的に開始位置に戻ります。ハードコードされたコードで iScroll と jQuery モバイルを試したところ、<ul><li>
動作しました。
以下にコードを示します。
..
---以下のコードは、リストビュー用のデータを生成するものでした。
html-lists - iScroll が LI 要素で複数のクリックを発生させている
iScroll をスマートフォン向けの Web ページに実装しました。エミュレータでこれをまだ試していないので、これが単なる PC の問題かどうかはわかりません。
スクローラーには UL が含まれています。各 LI は onclick イベント ハンドラーでマークされます。
iScroll を使用する前にこれを実装した場合、LI で 1 回クリックすると、クリック ハンドラが 1 回呼び出されます (別のビュー ウィンドウが開きます)。iScroll を使用した後、2 つの悪い動作があります。
- スクロールしているときに、iScroll が何かをクリックしたいと思うことがあります。つまり、iScroll は「onmouseup」イベントのように機能しています。
- イベントをクリックすると、意図的かどうかにかかわらず、iScroll は、1 つのイベントが意図されている 1 つの場所に対して 10、20、さらには 30 のイベント (またはイベント スレッド) を生成します。トレースしたところ、すべてのイベントが同じ LI アイテムから発生しています。これは、クリック ハンドラーをダブルクリック ハンドラー (dblclick()) に変更した場合と同様に発生します。
すぐに、ゲートキーパー、「私はすでにイベントで忙しいので、立ち去ってください」というフラグを立てます。ユーザーが LI をクリック (選択) し、別のボタンをクリックして詳細を表示するようにインターフェイスを変更することもできます。
しかし、iScroll が何をしているのかが気になります。
何か案は?コードを見る必要がありますか? アプリ全体 (コメントの後に 1000 行の長さ) を載せることはできませんが、適切な切り取り部分を示すことはできます。しかし、これが「ああ、ええ」瞬間であり、誰かが私に既知の話を教えてくれることを願っています.
javascript - Blackberry は Webworks のヘッダーとフッターを修正しました
Blackberry Phones 6.0 以降の Webworks で固定ヘッダーとフッターを作成する方法はありますか?
iScroll を使用してみました - タブレット OS では正常に動作しますが、BlackBerry では正常に動作しません。ブラウザでは正常に動作しますが、「コンパイル」すると動作が停止します。
それは position: absolute; で何でもあるようです。ページ全体を縮小します。
何らかの理由で、ページ全体が 40 ピクセル (ヘッダーの高さ) に縮小されます。
html と body の両方の高さが 100% で、コンテンツ div がヘッダーの外側にあります。
助けていただければ幸いです。
cordova - 向きが変更された後にのみスクロールが機能しますか?iPhone、iPadで
Iscrollは、向きを変更した後にのみ開始されます。向きを変更しないと、輪ゴムのように動作します。
javascript - 入力をクリックできないのはなぜですか?
iScroll4プラグイン(http://cubiq.org/iscroll-4/)を使用して、ブラウザーのビューポートの高さの80%より長いページにスクロールバーを追加しています。何らかの理由で(この場合のみ)追加して入力をクリックしようとすると、選択されません。そのラベルをクリックするだけで入力が選択されます。
iScroll4と選択可能な入力を使用するにはどうすればよいですか?