問題タブ [chrome-for-android]

Snap.js に適したレイアウトを見つけようとしています。

http://jakiestfu.github.io/Snap.js/demo/apps/default.html

推奨される HTML / CSS の問題点は次のとおりです。

1. ヘッダー (ナビゲーション バー) が固定されない
2. メイン コンテンツを下にスクロールしても、Chrome for Android でアドレス バーが非表示にならない
3. サイドバーがアドレスバーと同期して動かない問題を修正
4. 私の以下のフィドルでは、メインコンテンツは右に移動している間、少し (?!) v-scrollable です

1. ヘッダーを固定したいのですが、コンテンツ領域とともに垂直方向にスクロールする必要があります。CSS はこれをサポートしていないようです。そのため、スクリプト化されたソリューションを試しました。

   http://jsfiddle.net/HFjU6/2533/

   他に選択肢があれば教えてください。JS を無効にすると UI が壊れるのではないかと心配です。

2. アドレス バーを非表示にする (別名「フルスクリーン モード」) には、 content を作成する必要がありましたposition: static;。

   欠点: v-scrollbar は、コンテンツ領域の右側ではなく、ウィンドウの右側の境界に表示されます。別の方法はありますか？

3. のサイドバーはposition: fixed、高すぎるコンテンツが含まれている場合、メイン コンテンツから独立してスクロールできます。

   問題: それらはアドレス バーと一緒に移動しませんが、アドレス バーが完全になくなると再配置されます (Chrome for Android の標準的な動作は、スワイプに固執するアドレス バーと同期してコンテンツを移動することです)素敵なトランジションのための入力）。

   で動作しますがposition: absolute;、それによりサイドバーがメイン コンテンツと共にスクロールし、元の高さの 100% 未満の本文の背景が表示されます。

4. メイン コンテンツ エリアを少し左にスクロールすると、右に移動してレイアウトが崩れます (タッチ デバイスにのみ適用される可能性がありますが、マウスの中央ボタンをパンに使用する場合はデスクトップにも適用される可能性があります)。なぜこうなった？

私は WebJS で書かれた Web サイトを持っていますが、WebView ではうまく表示されません。すべての Web サイト コンテンツをキャプチャする Chrome 拡張機能を開発したいと考えています。それを行うアイデアはありますか？

P/s: Web 技術のため、webview を使用してキャプチャすることはできません!

水平方向と垂直方向の両方にスクロールできる Web アプリケーションを作成しています。これは、次の HTML で行いました。

そして、次の CSS:

解決策は、この JSFiddle http://jsfiddle.net/vevfknct/3/にもあります。

デスクトップ、iOS、android 用の firefox などで正常に動作します。問題は、android 用の chrome が、垂直にスクロールできる div で水平方向にスクロールすることをブロックすることです。スクロール可能な div 間のスペースでのみスクロールできます。クロムの解決策を持っている人はいますか?

デスクトップ ブラウザーで HTML ページをズームすると、固定位置の div はページの残りの部分と同様に拡大縮小され、ビューポートに対して固定された位置を維持します。これは、以前は Chrome モバイル ブラウザーでも同様でした (バージョン 39 ではまだそのように動作していました) が、Chrome for mobile 40 では、モバイル用 Safari と同様の動作を開始し、ページが拡大縮小されると、固定要素は拡大縮小された要素に固定されます。ページが 100% ズームの場合に配置される位置にドキュメントを配置します (いくつかの注意事項があります)。

これは、position:fixed の div を含むページです http://betterstatistics.org/tests/fixedpos

モバイルの場合、ズームに従ってdivをスケーリングし、position:fixedプロパティを保持して、スクロール時に位置を変更する必要がないように、ズームに従って位置を設定したいと思います。

これが私の試みです: http://betterstatistics.org/tests/fixedpos/attempt001.html (モバイルのみ)

関連する行:

モバイル用の Android Chrome でほぼ動作しますが、スクロール後に高さの位置を正しく取得できませんでした。次のことも試しました。

と：

同様の質問がいくつかあることは知っていますが、ほとんどがJQueryであり、解決策のあるものは見当たりませんでした。それらは主にiOSに関するものでしたが、今のところAndroid Chromeにもっと興味があります.

FlashWavRecorderまたはAudioRecorderを使用してオーディオを録音し、再生するアプリケーションをデバッグしています。問題は、アプリケーションがデスクトップ Chrome では意図したとおりに動作することですが、Chrome for Android では記録または再生 (どちらかは不明) が行われないことです。Android のヘッダーは次のとおりです。

リクエスト ヘッダー

応答ヘッダー

アプリケーションは、最初に Flash がサポートされているかどうかを確認します。サポートされている場合は FlashWavRecorder が使用され、サポートされていない場合は AudioRecorder が使用されます。AudioRecorderには、 Can I Use...によるとWeb Audio APIが必要です。

Chrome for Android は、getUserMedia と組み合わせた Web Audio API をサポートしていません。

私はこの API または に慣れていませんが、マイクを使用する許可を要求するには が必要getUserMediaだと思います。getUserMediaでは、マイクからオーディオを取得して、を使用せずに録音するにはどうすればよいgetUserMediaでしょうか?

ただし、1.5年前のこれら2つの 回答は、サポートされており、機能するはずであることを示唆しています.

それで、それはどれですか？単にサポートされていないのでしょうか、それともコードにエラーがありますか?

(前者の場合、Web Audio API または を使用する代替手段は何getUserMediaですか?)

このページに動的に作成された<ul>リストがあります: http://www.roadtripradar.com

(リストを表示するには、ルートを入力し、いくつかのオプションを追加して、[検索] をクリックする必要があります。作成されたリストは、マップの下の [すべての場所] ボタンの下にあります)

私が抱えている問題は、<ul>スクロールを開始すると、ページ上の他のすべてがカバーされることです...ただし、Chrome for Android のみです。

デスクトップ上の IE、FF、および Chrome で完全に動作します。iPhone の Safari では問題なく動作します。

を変更してみましたz-valuesが、違いはありません。

リスト用に持っている CSS は次のとおりです。

この奇妙な動作の原因は何だと思いますか?

アドバイスをいただければ、追加のアイセットをいただければ幸いです。ありがとうございました。