問題タブ [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.

0 投票する
2 に答える
3051 参照

css - オーバーフローを「クリア」する方法:可視要素?

ページの上部に、overflow:visible に設定された div 要素が 1 つあります。そのすぐ下に、ページ コンテンツがあります。

審美的な理由から、上部の div を拡張したくありませんが、以下のコンテンツで、上からのオーバーフローをブロック要素のように扱いたいと思います...それを「クリア」します。

CSS クリアについては知っていますが、オーバーフローには当てはまらないようです。

これを行う正しい方法はありますか?

0 投票する
1 に答える
377 参照

css - Opera CSS の問題: オーバーフローと背景色の組み合わせを使用すると、Opera 9.63 および 10 ベータ版で奇妙な黒い背景が表示される

ヘッダーが固定されたスクロール可能なテーブルを作成するスクリプトを作成しましたが、Opera で奇妙なスタイリングの問題が発生し、背景色を何かに設定しようとすると、含まれる div の背景色がスクロール バーの上で黒くなります。

このスクリプトはテスト済みで、IE6/7/8、Firefox 2/3、Chrome 2/3、および Safari 2/3 で正常に動作します。

デモページ: http://www.chrisnetonline.com/tests/scrolltable.html

0 投票する
1 に答える
3577 参照

python - .join に対して文字列が長すぎる場合の回避策。オーバーフローエラー発生

私はpythonchallenge.comでいくつかのpythonの問題を解決して自分自身でpythonを教えていますが、使用する文字列が大きすぎてpythonで処理できないため、障害にぶつかりました。次のエラーが表示されます。

この問題に対してどのような代替手段がありますか? 私のコードは次のようになります...

0 投票する
1 に答える
4189 参照

silverlight - Silverlight: キャンバスのオーバーフロー

Canvas を作成し、その中に StackPanel を配置しました。StackPanel は水平で、サムネイル画像のリストを受け入れます。キャンバスのサイズは固定です。キャンバスの幅が保持できるよりも多くのサムネイルを配置すると、StackPanel がキャンバスからオーバーフローするはずなので、現在のサムネイルの中央に移動できます。

すべてが正しく機能しますが、StackPanel のオーバーフローが表示されます! 非表示にする方法はありますか?それともアプローチ全体が間違っていますか?

これがスクリーンショットです。キャンバスは赤いボックスです。スタックパネルは青い半透明です。

http://www.netpalantir.it/static/sl_canvas_overflows.jpg

ありがとう!

0 投票する
3 に答える
1034 参照

jquery - Jquery UI - ドラッグ時に表示: 非表示の要素から 1 つの要素を取得する

cssを使用してoverflow:hiddenに設定された別の要素内の「コンベア」要素に要素のグループがあります。ドラッグするときに、オーバーフローが非表示に設定されているホルダー要素から要素を「外に」取得するにはどうすればよいですか? 「アイテム」に分類された画像をドラッグすると、ホルダー内でのみドラッグされ、ホルダーの「外側」に移動しようとすると、非表示になり、古いホルダー要素の外に移動しません。

また、新しく移動した要素を親要素に追加しようとしましたが、アイテムがホルダーに戻りません....助けてください!

アイテムを追加しようとしました:

0 投票する
1 に答える
3887 参照

jquery - jQueryアコーディオン:スクロールバーのあるdivがうまくスライドしない

次のコードを使用して、アコーディオンを発生させています。

ただし、h2 をクリックしてアコーディオンに影響を与える場合、「accordion-content」div の 1 つにスクロールバー (css が overflow:auto に設定されている) がある場合、div はオーバーラップしているように見え、うまくアニメーション化されません。div が完全に表示された後にのみ「overflow:auto」が発生するように設定する方法はありますか? または、これを回避する他の方法はありますか?ありがとう。

0 投票する
6 に答える
38695 参照

html -
オーバーフロー:自動はサイズ変更するまでスクロールバーを表示しません

フォームに次のような要素があります。

IE7 では、ページが最初にレンダリングされるとき、スクロールバーはありません。ただし、ページのサイズを変更すると (1 ピクセルでも)、スクロール バーが正しく表示されます。

ページが最初に表示されたときにスクロールバーが正しく表示されるようにできることはありますか?

0 投票する
2 に答える
35583 参照

html - overflow:hidden が ul 内の li 要素に対して機能しない

li 要素がブロックで、ul がカルーセル コンテナーである ul オブジェクトからカルーセルを作成しようとしています。私は2つのアプローチを試しましたが、うまくいかないようです.overflowプロパティは私が望むように機能していません.

アプローチ 1:

このアプローチの問題は、要素がオーバーフローしたときに要素が水平方向にスタックしないことです (これは私が望んでいること/期待していることです)。これは、li 要素の display:block が原因だと思われますが、幅/高さを固定する必要があります。これを回避する方法はありますか?

アプローチ 2:

私は JavaScript を使用して li 要素を配布し、それらの位置を絶対に設定しますが、li 要素が ul コンテナー境界の外にまだ表示されるため、overflow:hidden プロパティは「無視」されます。

問題は、ul を固定サイズの li ブロックを水平方向にスタックし、オーバーフローしたブロックを非表示にする方法です。

0 投票する
1 に答える
3070 参照

css - CSSドロップダウン-オーバーフローが隠されたラッパー内のメニューの配置

あいまいなタイトルですが、私が欲しいものを一文で説明するのは難しいです。

私の問題は次のとおりです。jQueryによってアクティブ化されたいくつかのドロップダウンメニューを備えたテンプレートがあります。ドロップダウンリストは、次のように、第1レベルのリスト内に第2レベルのナビゲーションアイテムとして表示されます。

サブメニューはデフォルトで非表示になっており、サブメニューが属するリスト項目(この場合は「ツール」)をクリックすると表示できます。サブメニューは絶対位置に配置されているため、表示されるときは常にクリックされたリンクのすぐ下にあります。これはすべて完全に正常に機能します。

問題は、これらすべてがオーバーフローのあるdivにラップされていることです:非表示。サブメニューがこのdivの右側に近すぎて、リストアイテムが長すぎる場合、リストはラッパーの右側の境界線の下に表示され、部分的に非表示になります。オーバーフロー:autoはラッパーにスクロールバーを提供しますが、これは不要です。オーバーフロー:visibleは問題を解決しますが、ラッパーに高さがないようにするため、背景色と境界線が表示されなくなります。これは機能の一部であるため、どちらも役に立ちません。

大量のコードを引用する必要がないように、ライブの例をで見ることができますhttp://www.pkr.nl/template/forumdisplay.html

メニューをラッパーの外側に表示するか、適切な方法でメニューを適切に配置するソリューションを知っている人はいますか?