問題タブ [overflow]
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.
css - 非常にトリッキーなCSSスクロールの質問
CSSで特定の効果を実現する方法がわかりません。私は次のHTMLを持っています:
スクローラーは、幅が715pxのスクローラー内に1つの画像をロードします。
[[1]]
ユーザーがその画像をクリックすると、2番目の画像が最初の画像に動的に追加されます。
[[1][2]]
そして、2番目がクリックされると、同じことが起こります(以下同様)。
[[1] [2] [3]]
さて、ここで私は助けが必要です。シリーズの最後の表示画像をクリックすると、前の画像を左にスクロールして新しい画像用のスペースを確保し、最初の画像を非表示にして、新しい画像を最後に配置します。
[[2] [3] [4]]
<-------------->
これは無期限に続きます。最後の画像がクリックされるたびに、前の画像が左にスクロールして、新しい画像がDIV内の右端のビューに配置されます。
[[3] [4] [5]]
<-------------->
私は以下のCSSで遊んだことがあります(あなたが見るのは私の最近の試みの状態です)。私が達成できたことは次のとおりです。
1)画像は連続して作成され、4番目の画像が715pxのマークを超えると(右側に)オーバーフローします。私が欲しいものではありません。
2)以下のCSSは、私が望むことを「実行」します(一種の)-DIVの左側から始まり、715pxのマークまで機能し、画像を(後方に)左に押し出し、表示されなくなります-常に最新の画像をDIVの右端に残して表示します。これに伴う問題は、注文が反転していることです(RTLが原因だと思います)。text-align:leftでだまそうとしましたが、何も起こらないようです。
何か案は?提案をいただければ幸いです。ありがとう。
wpf - ItemsControl がいつ ScrollViewer をオーバーフローしたかを知る方法は?
ItemsControl 内の項目がコンテナーをオーバーフローしたときに、Trigger を使用してテンプレートをどのように交換しますか?
私の現在の実装では、ItemsControl の現在の状態が、スクロール バーの可視性が Auto に設定されている場合にコンテンツによって ScrollViwer のスクロール バーが表示されるようなものであるかどうかに基づいて、より簡単な形式のテンプレートを表示したいと思います。したがって、ScrollViewerまたはItemsControlのいずれかのプロパティに興味があります。これにより、ScrollViewerがオーバーフローしているかどうかの手がかりが得られます。カスタム ValueConverter を使用して適切なブール値をバインドする必要がある場合は、それも問題ないと思います。
css - SVGグラフィックが含まれているsvg要素の外にオーバーフローすることを許可する
Raphaël—JavaScriptライブラリを使用して円グラフグラフィックを作成していますが、含まれているSVG要素のオーバーフローを表示に設定して、内部のグラフィックをコンテナの外部に表示できるようにします。通常のdom要素(オーバーフロー:表示;)で行う方法は、svgコンテナーでは機能しないようです。誰かがこれの経験を持っているか、それを改善する方法を知っていますか?
乾杯
css - CSSとオーバーフローを使用したメニューの作成:auto
ページの主な構造は次のとおりです。
JQueryを使用して#MenuのH1要素をクリック可能にし、他のすべてのULがロールアップされ、H1がロールダウンされた後のULがロールダウンされるようにします。#Menuとは別に#Mainをスクロールしたいのですが、必要に応じて、#Menuの各ULでスクロールバーを使用したいと思います。関連するCSSは次のとおりです。
これは私が望むように正確に機能します。#Main領域はスクロール可能であり、展開されると、含まれている#Menu DIVが含むことができるよりも多くのコンテンツがある場合、各ULはスクロールバーを取得します。
唯一の問題は、含まれている#Menu DIVの87%の高さを指定する必要があることです。これは、画面サイズ、ウィンドウサイズ、およびフォントサイズの組み合わせに対してのみ機能します。各ULの高さをハードコーディングせずに同じ効果を達成する方法はありますか?
必要に応じて、ページを表示できます。CSS(/musicdb.css)とJSコード(/musicdb.js)へのリンクを投稿しますが、許可されていません。ソースを表示する場合は、URLに?mode = xmlまたは?mode = htmlを追加してコンテンツタイプを切り替え、IEまたはFirefoxで表示できます。
memory - Scalaメールボックスのサイズ制限
Scalaでアクターのメールボックスの最大サイズを設定できますか?
生産者/消費者問題を取り上げます。スレッドを使用すると、バッファーがいっぱいになったときにプロデューサーをブロックできます。Scalaで書かれたプロデューサーとコンシューマーの例をいくつか見ましたが、それらはすべて、メールボックスを「バッファー」として使用するアクターを使用しています。メールボックスのサイズを設定して、プロデューサーがコンシューマーの準備ができるまで待機するようにできますか?メールボックスの制御不能な増加を回避するための他のエレガントなソリューションはありますか?
html - オーバーフロー スクロール バーの色
私は HTML と CSS の初心者で、テキストの大部分が画面上のボックスに表示される Web サイトを設計しようとしています。
各ボックスは異なる色で表示され、直接表示されるよりも多くのテキストが表示されます
私の質問
スクロール セクションの背景色、つまり 2 つの矢印の頭の間のビットを既存の背景色と一致させることはできますか?
実際のスクロールバーの色さえ変更できれば、さらに良いでしょう
最後に、水平スクロール バーは不要なので削除できますか? 現在、私の箱の底に白い帯が付いています
css - CSS の問題: ie のカスタム ul,li ドロップダウン ナビゲーション、特に ie6 の overflow:visible バグ
ie6 バグ (ドロップダウン エントリは、overflow:visible として動作するのではなく、ie が誤って展開されるのを防ぐために、overflow hidden を介して切り捨てられる必要があります) の本質は、現在の (ハッキー) 形式で、以下のスクリーンショットとサイトhttp: //zd-cms.com
間違っています (ie6):
右 (FF、IE8、Chrome):
メニュー エントリは次のように表示されます。
- お問い合わせ
- 再販業者
- サポート
- デザイナーサービス
しかし、overflow:visible を動作させたり、シミュレートしたりすることができないため、ドロップダウン メニューの一部が切り取られます。現在、ie6 固有のスタイルシートの css は次のとおりです。
私が試したバグのいくつかの解決策:オーバーフローをレンダリングするie6 オーバーフロー:ビジブル バグ (こちら: http://www.positioniseeverything.net/explorer/expandingboxbug.htmlに従って) を認識しています: null と void が表示されます。読み通す: IE6 のレイアウト バグを修正するための戦略? そして、実際にoverflow:visibleとして機能させるためにいくつかのハックを試みましたが、何も機能しませんでした.
現在、メニューのドロップダウン部分をoverflow:hiddenに設定して、メニューをoverflow:visibleの方法で動作させるようにie6を取得できないため、最後の溝のソリューションとして使用しています。
IE7 または IE8 のナビゲーションに問題がある場合は、それを指摘していただければ幸いです。
提案?
jquery - Internet Explorer:オーバーフローとフロート
div内にimgがあります。imgを「float:right」に設定し、divを「overflow:hidden」に設定しました。divはimgよりも狭いので、imgの左側の部分が切り取られて非表示になると思います。これは、Firefoxの場合です。ただし、IEは、imgの「float:right」プロパティを確認することを拒否し、常にimgをdivの左側に固定し、imgの右側の部分を切り取ります。この問題の回避策はありますか?それとも私は何か間違ったことをしていますか?
**背景情報
これを実行したい理由は、imgをjqueryの「ブラインド」効果(左から右)で表示し、同様のブラインド効果(ここでも左から右)で非表示にするためです。
jqueryのデフォルトのブラインド効果は、左から右への消失を処理しません。これは、特定のモード(非表示と表示)と特定の方向(左と右、または上と下)の組み合わせで、divの左上の位置をさらに移動する必要があるためだと思います。例を挙げて説明しましょう。ブラインド効果で画像を左から右に表示したいとします。これは簡単です。divオーバーフローを非表示に設定し、画像を左にフロートさせてから、divの幅を0から画像の幅に変更します。一方、ブラインド効果で画像を左から右に非表示にしたい場合は、画像を右にフロートするように設定し、divの幅を画像の幅から0に縮小し、 divの左上隅の右側、
左上隅の動きを組み込むコードを作成しました。FFでは正常に機能しますが、IEでは失敗します。IEはfloat:rightを尊重せず、代わりに画像を左に固定することを主張するため、効果は「ブラインド」アニメーションではなくjqueryの「スライド」の効果になります。
css - 非スクロールヘッダーのCSSまたはテーブル「ドックレイアウト」ソリューション?
その下のコンテンツでスクロールしない可変高ヘッダーがあります。コンテンツは通常の Web ページのように動作し、overflow=auto が設定され、ビューポートのサイズに制限されます。
テーブルのない CSS ソリューションをまだ見つけていません。また、テーブル オーバーフローの使用が正しく機能しません。テーブルの一番下の行は、ビューポートの高さ (ヘッダーの高さ) に制限されていません。
これはかなり単純で一般的な問題のようです。誰かが実用的な解決策を思いついたことがありますか? それが役立つ場合、IE < 8を無視できます。
css - Firefox の CSS でテーブルがオーバーフローする
テーブルの動作に問題があります。コンテンツがあふれ続け、それを制限しようとしても、望ましい効果が得られません。
これは私のマークアップです:
それから私はいくつかのスタイルを持っています。はtd's
あふれていますが、それらを設定する運がありませんでしたoverflow to hidden/auto
。hastable
テーブルを含むクラスでオーバーフローを設定する方がうまくいきました。しかし、 Firefoxwidth
に3 つの列の分布を尊重させるのにまだ問題があります: 30%, 35%, 35%
. も設定してみmin-width
ましたが、それでもうまくいきません。ページにはこれらのテーブルがいくつかあり、それぞれに独自の幅があります。このテーブルの混乱について何か助けはありますか?