JavaScript - div カルーセルの問題

3つのボタンは順番に並んだ縦3つのdivに対応しており、2番目のdivのボタンをクリックすると、2番目のdivは1番目のdivの位置に、3番目のdivは2番目のdivの位置にスライドします。最初の div は一番下にスライドします。 3 つの div がすべて同時に表示されます。個人的には、これはカルーセルの問題だと思いますが...

黄舟 2017-05-19 10:28:51 0  2  640

CSS で div を別の div の下に表示する方法

.content という div 内に 2 つの div がネストされています。その中に img.png があり、img.png <divclass="navBox"><ahref="#contact">/*Contact Method*/</a の下にあるいくつかのボックスを含む別の div が必要です。 ></div><divclass="n

P粉463418483 2023-08-30 11:28:21 0  1  642

div を別の div 内にフローティングします

別の div 内にフローティングするには div が必要です。 Position:fixed を使用しようとしましたが、div が親 div の外側に浮いてしまいます。ここにサンプルコードがあります。 「Div1」内で浮動するには「DivtoFloat」が必要です。これで、「Div1」の外側、「Div2」の後ろにフロートします。コードは次のとおりです。 .wrapper{<!--fromwww.java2s.com-->width:100%;height:200px;overflow-y:scroll;

P粉207483087 2024-04-03 18:26:07 0  1  557

javascript - 2 つのクリック イベント。大きな DIV には小さな DIV が含まれています。小さな DIV をクリックすると、大きな DIV もトリガーされます。これに対処するにはどうすればよいですか?

クリックイベントが2つあり、大きいDIVの中に小さいDIVが含まれており、小さいDIVをクリックすると大きいDIVもトリガーされます。図で説明したように、小さい DIV のクリックをクリックすると、大きい DIV もトリガーされますが、今度は小さい DIV をクリックするだけで、小さいクリック イベントのみがトリガーされます。今

某草草 2017-05-27 17:44:35 0  8  1402

Div はマウススクロールをキャプチャします

現在、<divid="content"><divid="content-page-1"><!--content--></div><divid="content-page-2">< という形式のページがあります。 !--コンテンツ--></div></div&g

P粉729436537 2023-11-01 18:57:05 0  2  722

JavaScript - 子 div は float です。子 div の高さを親の高さを継承させる方法

子divはfloatです; 子divの高さを親の高さを継承させる方法

淡淡烟草味 2017-07-05 11:07:01 0  5  1224

JavaScript - js div ハイライトリマインダー

10 個の div があり、クリックするとハイライトされますが、一度に 2 つまでしかクリックできません。それらはチェックボックスではなく、コンテンツまたは 10 個の異なるテキストを含む単純な div です。js でこれを実現するにはどうすればよいですか?

我想大声告诉你 2017-05-19 10:45:53 0  2  737

流体ディスプレイ: 2 つの Div を並べて表示

次の CSS を使用して 2 つの div を並べて配置しようとしています。 #left{float:left;width:65%;overflow:hidden;}#right{overflow:hidden;}HTML は非常に単純で、ラップ div には左右 2 つの div が含まれています。 <divid="wrapper"><divid="left">Leftsideiv</div&

P粉098979048 2023-08-27 12:48:00 0  2  581

なぜ 2 つの div を使用するのでしょうか?

<div class="tv_show l"> <div class="big_show l"> <a href=""> <

丘佳 2020-05-13 17:25:08 0  2  1212

JavaScript と正規表現を使用して img タグを含む div タグを抽出する

このような生成された文字列があります tesgddded<br><div><imgstyle="max-width:10rem;"src="folder/mypicture.jpg"><div><br></div></ div>I img を含む div を取得し、この div に CSS クラスを追加したい場合は、

P粉252116587 2023-09-08 15:31:48 0  1  774

外側の div の高さを常に特定の内側の div の高さと等しくなるように設定するにはどうすればよいですか?

3 つの内部 div を含む外部 div があります。一番左の内側の div が外側の div の高さを常に決定するようにしたいのです。他の内部 div の内容が [一番左の div よりも] 少ない場合、それらには空のスペースが生じます。 [左端の div よりも] 多くのコンテンツがある場合は、スクロールバーが表示されます。 SO に関する他の質問には、外側の div の高さを内側の div の高さに設定する方法を尋ねるものがあります。ただし、私の場合は複数の内側 div があり、外側の div の高さが一番左の div の高さより大きいか小さいかわかりません。何がある

P粉903052556 2023-11-07 13:59:30 0  2  930

javascript - 特定の div の $(document).scrollTop() および $('#js_productWrap').offset().top

特定の div の $(document).scrollTop() と $('#js_productWrap').offset().top の違い

过去多啦不再A梦 2017-06-29 10:10:12 0  2  1162

div タグコンポーネントの V モデル

v-model を div タグに使用するときに問題が発生します。どうやら div タグでは v-model が許可されていないため、コメントセクションをコンポーネントとして作成することにしました。 UI/UX の理由から、この div テキスト領域をそのまま割り当てる必要があります。私の知る限り、Textarea、input、その他のタグは contenteditable="true" と互換性がありません。ユーザーがコメントを入力するときは、入力フィールドの高さを拡張する必要があります。以下は、親ビューにインポートした vue コンポーネントです。 <!--Com...

P粉550823577 2024-01-07 08:47:44 0  1  563

1 つの div 内に 3 つの div (左/中央/右) を配置するにはどうすればよいですか?

次のように、コンテナ div 内の 3 つの div を整列させたいです: [[LEFT][CENTER][RIGHT]] コンテナ div の幅は 100% (幅は設定されていません)、コンテナのサイズを変更した後、中央の div は中間の位置に留まっている必要があります。そこで私は次のように設定しました: #container{width:100%;}#left{float:left;width:100px;}#right{float:right;width:100px;}#center{mar

P粉092778585 2023-08-21 15:09:18 0  2  462

div を作成し、両方をクリアします。どのような意味です？

<div style="clear:both;"></div>最終結果はあまり明確ではありません。

World's Edge 2018-05-15 17:50:46 0  1  1545

子 div の左マージンが負であるため、親 div を中央に配置できません。

次の div を作成しましたが、負の左マージンを使用してアイコンをオフセットしているため、div 全体を中央に配置できません。デスクトップでは div 全体が少し左に移動していることは簡単には分からないので問題なくできますが、モバイルでは円形のアイコンの左側が切り取られます。 div全体を中央に配置するにはどうすればよいですか? .icon-text-box{border:1pxsolidred;}.icon-box{background:#fff;border-radius:33px;margin:6remauto

P粉677573079 2024-01-29 15:04:54 0  1  560

JavaScript - div フレームを描画し、div でカバーされる dom 要素を取得するマウスを実装します。

この効果と同様に、マウスを移動して div ボックスを引いて、div で覆われている dom 要素を選択します。実装できる良いアイデアはありますか? 私が思いついた方法は、div の offsetLeft、offsetTop と、選択する必要がある各要素の offsetLeft、offsetTop を判断することです。

仅有的幸福 2017-05-19 10:09:21 0  4  644

Select メソッドを使用せずにマウスクリックだけで div 内の異なるコンテンツを表示/非表示にすることはできますか?

Select メソッドを使用せずに、div 上でマウスをクリックするだけで、div 内のさまざまなコンテンツを表示/非表示にすることは可能ですか?例: .inv{display:none;}<divclass="inv"><div>オプション 1</div><div>オプション 2</div><div>オプション 3</div><d

P粉155832941 2024-02-17 19:29:19 0  1  478

div の内容を新しい iframe にコピーします

最終的には、特定の div を印刷する手法を試みていますが、質問のこの部分で立ち往生しています。 div から新しい iframe にコピーする必要があるコードがいくつかあります: variframe=document.createElement('iframe');vardiv=document.querySelector('div#sidebar');varcontent=div.innerHTML;iframe.srcdoc= `${コン

P粉042455250 2023-08-17 17:03:59 0  1  472

angular.js - div の双方向バインディングを記述するには?

&lt;div class="chatinput" contenteditable="true"&gt;{{pageModel.sendMsg}}&lt;/div&gt; 双方向バインディングを記述するにはどうすればよいですか?コードを入力してください

世界只因有你 2017-05-15 16:55:22 0  2  831