ネストされた折りたたみ可能な可視性の問題

`ネストされた折りたたみ可能オブジェクトを展開すると、その親の可視性が正しく計算されません。ネストされたコンテンツの一部が画面から欠落しています。 これは、スクロールの高さを処理する HTML コードと JS コードです。 //Getallcollapsiblebuttonsconstcollapsibles=document.getElementsByClassName('collapsible');//Addclickeventlistenerforeachcollapsiblefor(l

P粉805922437 2024-02-21 19:54:34 0  1  504

1 つのコンテナ div 内のスペースを、切り替え可能な可視性と異なるコンテンツを持つ 2 つの div に均等に分配するにはどうすればよいですか?

4つのdivを含むdivコンテナがあります。 2 つのヘッダーと 2 つのコンテンツ div があります。ヘッダーをクリックすると、その下のコンテンツ div の表示が切り替わります。次の 3 つのシナリオを検討します。 両方のコンテンツ div が開いており (表示されており)、スクロールバーがあります。この場合、両方が利用可能なスペースの半分を占めるようにします。 1 つのコンテンツ div はスクロールバーの有無にかかわらず開かれます。この場合、利用可能なすべてのスペースまたは必要なスペースを占有したいと考えています。両方のコンテンツ div が閉じられています。この場合、タイトル di...

P粉289775043 2023-08-17 21:56:47 0  1  624

マルチスレッド - Java メモリの可視性に関する質問

次のコードを参照してください。 {code...} Thread.sleep(1) を Thread.sleep(1000) に置き換えて、フラグの変更された値を取得します。つまり、 td.isFlag() は true を返します。 Javaのメモリモデルの概念は見たのですが、このコードをどう解釈すればいいのかわかりません。どなたか説明していただけませんか？関連する質問: Java 詳細...

漂亮男人 2017-05-17 10:06:58 0  4  985

グラフデータが変更されるとGoogleグラフアニメーションが見えなくなる

Google チャートのアニメーションを適切に動作させることができません。問題は、グラフがデータを更新するだけでなく再描画し続けることだと思いますが、Google のサンプル コードと JavaScript に関する私の限られた知識に基づくと、これを修正する方法がわかりません。グラフは最終的にデータ ソースからデータを動的に更新するため、グラフを更新するボタンは含めたくありません。データの変更を適切にアニメーション化するにはどうすればグラフを更新できますか?参考: https://developers.google.com/chart/interactive/d

P粉170438285 2023-09-02 12:32:58 0  1  764

CSS で要素の可視性を検出することはできますか?

API を調べて、:visible や :hidden のような疑似セレクターを探しましたが、そのようなセレクターが存在しないことがわかってがっかりしました。 jQuery は以前からこれらのセレクターをサポートしているため、実装されることを期待しています。私の考えは、特定の要素の隣の要素が非表示になっているときにのみ特定の要素を表示したいということですが、そのために JavaScript を使用したくありません。オプションはありますか?

P粉316423089 2023-08-22 22:28:55 0  2  587

css3 - CSS トランジション効果によりテキストがぼやけたりジッターしたりすることがありますか?

コード: テンプレート: {code...} CSS: {code...} いくつかの無関係なスタイルは削除されています。現在知られている状況は、右側の小さな三角形のトランジション効果です。 Chrome のドロップダウン ボックス。これにより、テキストがぼやけてジッターが発生します。backface-visibility: hidden; を追加すると、テキスト...

ringa_lee 2017-05-24 11:35:53 0  2  2466

子要素の可視性を維持しながら背景画像の不透明度を変更する

子要素の不透明度に影響を与えずに背景画像の不透明度を設定することはできますか?サンプル フッター内のすべてのリンクにはカスタム箇条書き (背景画像) が必要で、カスタム箇条書きの不透明度は 50% である必要があります。 HTML<divid="footer"><ul><li><ahref="#">リンク 1</a></li><li><ah

P粉354602955 2023-10-10 19:40:19 0  1  698

タイトル: 白を除く任意の色の背景で白のテキストの視認性を実現

mix-blend-mode:Difference を使用してテキストの色を白に変更すると、背景色が黒の場合にうまく機能します。マウスをテキストに移動して効果を確認します。 constblackBox=document.querySelector(".black-box");window.addEventLis tener('mousemove',function(event){blackBox.style.left)

P粉744691205 2023-11-10 16:59:01 0  1  799

Chartjsの凡例をtrueに設定した後でも表示されません

私は ChartJS をあまり使用したことがなく、ドーナツ チャートにラベルを表示する方法を探しています。オプションで凡例の表示設定を true に設定しようとしましたが、まだ機能しません。 vardata=[{data:[成功したビルド数,失敗したビルド数],ラベル:["成功","失敗"],背景色:["緑",&quot

P粉595605759 2023-09-14 18:38:17 0  1  595

JavaScript - 凡例の代わりにチェックボックスを使用して echart の表示を制御するにはどうすればよいですか?

図に示すように、echarts 円グラフです。右側のドロップダウン リストは、対応するセクター領域の表示と非表示を制御できます。表示と非表示を制御するために echarts 凡例をクリックするのと同じ機能があります。それを実装しますか？

大家讲道理 2017-06-12 09:23:59 0  3  1232

可視性を設定した後も SVG アイコンが表示されない: 非表示、高さと幅が 0

したがって、メニューを非表示にし、タブを押したときにのみメニューを表示する必要があります。私がやったのは、次のクラスを作成することでした: .not-visible{transform:scale(0);height:0px;width:0px;margin:0;padding:0;visibility:hidden;}.not-visible*{margin: 0 ;padding:0;height:0px;width:0px;} これは、コンテンツが占有しないようにするのに最適です。

P粉764836448 2023-09-16 17:29:10 0  1  600

JavaScript を使用して、ONCLICK を使用せずにラジオ ボタンの選択に基づいて div の可視性を制御する

部分的に有効な HTML コードがいくつかあります。ラジオボタンの選択に基づいてテキスト入力を表示しようとしています。私にとってそれがどのように機能するかというと、ラジオボタンを押すと他のオプションが非表示になりますが、画面が最初にロードされると3つのオプションがすべて表示されます。これは、関数がクリック時に呼び出され、最初のラジオボタンの選択されたオプションがクリックを構成しないためだと思います。初めてリクエストしたときにのみ表示される onload イベント リスナーを作成しようとしましたが、うまくいきませんでした。これは私のコードです<%layout('layouts/boiler...

P粉212114661 2024-02-17 21:44:02 0  1  515

「startButtonGame」の可視性をリセットすることが唯一の問題であり、他はすべて正常に動作します。

ブラックジャックゲームを開発しています。これまでのところ、この細かい点を除いてすべてが正常に動作しています。基本的に、ゲーム開始ボタンはゲーム前とゲーム後にのみ表示されるべきです。非表示に設定しても問題ありませんが、ゲームを終了すると機能しません。 functionstartGame(){startGameButton.style.visibility="hidden";if(!player.playerName){player.play

P粉614840363 2023-09-19 22:02:31 0  1  761

ReactJS を使用して要素を非表示にする方法

画面上に文字を表示し、ボタンを押したときだけ非表示にしたいのですが、方法がわかりません。この効果を実現するために useState を使用したい: const[textVisibility,setTextVisibility]=useState(true)<buttononClick={()=>setTextVisibility(false)}/>私が見つけた問題は、ボタンをクリックするとページが再レンダリングすると、可視性の値がデフォルトになります。

P粉136356287 2023-09-07 19:21:22 0  2  503

Ember.js の計算プロパティは非同期 RSVP Promise を待機しません

Ember.js コンポーネントがあり、計算されたプロパティを使用して、非同期 RSVP Promise の結果に基づいてその可視性を決定しようとしています。ただし、計算されたプロパティは Promise が解決されるまで待機していないようで、結果として count オブジェクトが未定義になります。これは私のコンポーネントコードの抜粋です: importComponentfrom'@ember/component';import{computed}from'@ember/object';import{injectasservice}from'@ember/ser

P粉549412038 2023-09-13 23:28:44 0  1  2646

ダイアログのフローティングボタンが重なり続ける

こんにちは、私は Mauiblazor アプリを構築しています。その中にフローティング ボタンのあるフル ページ サイズのダイアログがあります。ダイアログを閉じて元のページに戻ると、元のページではダイアログ ボタンの位置にデッドスペースができてしまいます（ダイアログ上では条件に基づいてボタンの表示/非表示を変更しています）。フローティングボタンに使用しているスタイル: .center{bottom:5%;z-index:999;cursor:pointer;margin:0;position:fixed;left:50%;-

P粉032977207 2024-03-22 08:20:59 0  1  444