問題タブ [iscroll]

mediaelement.jsでビデオを div scollable に表示するために使用しています。iPadIscroll.jsでは完璧に動作しますが、iPhone ではビデオに触れてページをスクロールできません。

での ipad と iphone の動作の違いは何mediaelement.jsですか?

ここでプロジェクトを見ることができます (左下隅の「ビデオ」ボタンをクリックしてください) http://www.360images.fr/step/mobile.html

ありがとう！

これはデモです（Webkitブラウザーでのみ機能します）デモ 私は外側のdivを持っており、4つのエッジすべてに丸みを帯びています。その中にulリストがあります。リストはiscrollでスクロールします。問題は、border-radiusのないリストのliアイテムが、角の丸い外側のdivに影響を与えていることです。デモをご覧ください。下を見てください、丸い角はありません。下にスクロールすると、上部の角が丸くなりません。

jQueryMobileをiScroll4と統合しようとしています。これを行うプロジェクトがすでにあることは承知していますが、input-elementsのバグ（入力時にページが狂ったようにジャンプする）のため、回避しています。

私の現在の実装は次のようになります。

http://jsfiddle.net/AqHsW/-（JSFiddleの例） [代替ミラー]

おそらくお気づきかもしれませんが、これは1つの主要な問題を除いて、問題 なく機能します。1つは下にスクロールできません。この問題はクロスOS/ブラウザのようです。

ただし、onBeforeScrollStartメソッドをオーバーライドすると、次のようになります。

それはやや良く機能します。これでスクロールできますが、動作がグリッチになり（応答性が遅くなります）、ユーザーは必要な高さまでスクロールできるようになります。

（ただし、これを行うとiOSの状況が変わるだけのようです）

<input>私は今、この問題の解決策を探しています。これは、要素の使用とともに、iOS5と6をサポートすることが望ましいです。iScrollとjQueryMobileが今日の2つの主要なフレームワークであることを考えると、これはかなり一般的な問題になるはずです。

iScroll4でスクロール可能なリストをホストするスクロール可能なコンテナが欲しいです。私はすべてを自分で実行しました：

http://jsfiddle.net/BH2F3/

（プレビューでは機能しないため、ダウンロードしてローカルで試してください）

現在の問題は次のとおりです。

リストでスクロールアクションを実行すると、外側のコンテナもスクロールします。外部コンテナをスクロールから保護し、ネストされたリストにのみスクロールアクションを適用するにはどうすればよいですか？私はすでにリストに「スナップ」しようとしましたが、成功しませんでした。「onBeforeScrollStart」にバインドする必要がありますか？

公式の実装は：onBeforeScrollStart: function (e) { e.preventDefault(); }ですので、外側のコンテナはスクロールしないと思います。

iScroll の実装に成功しました。しかし問題は、コンテンツがなくても画面がスクロールすることです。
この問題を解決するための提案はありますか?
私はそれを試しています：

しかし問題は、高さが 426px になるたびに発生します。コンテンツの実際の高さを取得する方法はありますか?

Facebook アプリのようなスライド メニューを作成しようとしています。メニューの表示/非表示は正常に機能しますが、メニュー自体のタッチ スクロール機能に行き詰まります。

私が試した3つの解決策のうち、すべてに問題があります。これらの問題は次のように要約できます。

CSS タッチ スクロール 古いiOS
ではシングル フィンガー スクロールはサポートされていません

iScroll プラグイン ソリューション
メニューは正常にスクロールしますが、ページ上の他の部分がスクロールできなくなります。
jsFiddle の iScroll |

タッチ スクロール プラグイン ソリューション
メニューをタッチ スクロールすると、画面のすぐ上まで
スクロールします。

次のモバイル ブラウザーで 3 つのソリューションをそれぞれテストしました。

アンドロイド 4.0.4

• Android のデフォルト
• オペラ モバイル
• ファイアフォックス
• クロム

iOS 4.2.1

• サファリ

2つのプラグインをうまくプレイさせる方法を知っている人はいますか?

以下の 3 つのバージョンのコード

CSS バージョン

私はこの例とほぼ同じになりました: iScroll のチュートリアル

私が欲しいのは、たとえば Facebook のように、スクロールの最後に Ajax リクエストを実行することです。このiscrollフレームワークでこれを行うことはできますか?

私はそれでこれを行うことができれば。どのように？:)

jquery mobileでページがスクロールされているかどうかを検出できません。Scrolltopどのような場合でも常に 0 を返します。

#scrollerの中にメニューがあります。jquery+cssを使用してdivを#wrapperスクロール/移動できるはずです。#scrollertransform:translatecss transition

プラグインをインストールした後iscroll4、それをクリックすると、トランジションアニメーションがスキップされ、その場所にジャンプします。メニューをの外に置くと、cssトランジションで再び#wrapperスクロールできます。#scroller

CSSトランジションは、ページをスクロールするための最もスムーズな方法です。したがって、 iscrollでjavascript関数を使用するのscrolltoではなく、自分のスクリプトでcssトランジション関数をトリガーします。

また、ページのスクロールは、ブラウザのデフォルトのスクロールほどスムーズではないと思います。iscrollスクロールをよりスムーズにする方法は？

phonegapアプリケーションでiScroll.jsを使用しています。テキスト領域にメッセージを入力すると、Webkitでテキストが自動的に一番下までスクロールしません。スクロールを無効にする-webkit-transformと、div自動スクロールが機能します。

テキスト領域を設定しようとしまし-webkit-transform: none !importantたが、結果が得られませんでした。

誰か考えがありますか？