固定配置後、元の配置の親を超えることはありますか?

デモンストレーションの結果、位置を固定した後、元の位置の親を突破します。

邯郸易住宋至刚 2019-11-10 23:05:02 0  0  1079

HTML ビデオ要素コントロールが表示されない

video 要素を作成し、controls 属性を true に設定しましたが、if(!this._player){this._player=document.createElement('video');}this._player ではコントロールが (ホバーしても) 表示されません。 controls=true;this._player.src=xxxxx; また、ビデオ要素の幅を 100% に設定し、コンテナの位置は相対的になります。デフォルトを表示するにはどうすればよいですか

P粉788765679 2023-08-18 12:54:43 0  1  639

絶対配置された要素の下境界線の最大許容位置を設定する方法

私は WordPress の製品タグ プラグインを開発しており、次のことを行いました。 これは、画像に表示される出力コードです: <ahref="https://localhost/woo-metal/product/test-3/ " class="woocommerce-LoopProduct-linkwoocommerce-loop-product__link">&lt

P粉578680675 2024-03-22 12:46:23 0  1  580

子要素のフォント サイズを変更すると、フレックス コンテナが元の位置からずれるのはなぜですか?

この問題は非常に奇妙で、通常のコンテナとフレックスボックスでは動作が異なります。最初の子要素のフォント サイズを変更すると、コンテナの高さが変更されるのはなぜですか?フレキシブルボックスの場合、なぜ特定の距離を上下に移動するのでしょうか?この問題はどうすれば解決できますか?フレックスボックスが動かないようにしたいです。

P粉186897465 2023-07-23 15:17:08 0  2  649

JavaScript - 携帯電話の画面をスライドして、特定の要素の上部からの距離を取得するにはどうすればよいですか?同時に、この値を他の関数から参照することはできますか?

タイトルの通り、携帯電話の画面をスライドさせたいのですが、要素が上から一定値（例えば200px）の位置で画面上のポップアップボタンをクリックし、その位置を指定します。ポップアップレイヤーは上から200pxになります。 {コード...} 欲しい この効果が得られ、距離の値は取得できますが、show関数では...

PHPz 2017-05-18 11:02:18 0  2  627

ページタイトルとページアンカーが重なる問題の解決策

HTML ページの上部に固定され、高さが定義された非スクロール ヘッダーがある場合: URL アンカー (#fragment パーツ) を使用して、ブラウザーをページ内の特定の位置までスクロールさせる方法はありますか? JavaScript の助けを借りずに固定要素の高さを依然として尊重しますか? http://example.com/#bar エラー (ただし一般的な動作): 正しい: +---------------------------- -- ---++---------------

P粉521748211 2023-08-21 19:18:36 0  2  596

Flexbox を使用して要素を左と中央に揃える

子要素を整列させるために Flexbox を使用しています。私がやりたいのは、1 つの要素を中央に配置し、もう 1 つの要素を左に揃えることです。通常、左要素を設定するには margin-right:auto を使用します。問題は、中心要素を中心から遠ざけることです。絶対位置決めを使用せずにこれは可能ですか? HTML と CSS#parent{align-items:center;border:1pxsolidblack;display:flex;justify-content:center;mar

P粉545682500 2023-08-27 21:54:23 0  2  602

javascript - モバイル端末で詳細ページから一覧ページの元の位置に戻るにはどうすればよいですか？

1. 現在行っていることは、Angular モバイル端末で詳細ページからリストページに戻ったときに元の位置を特定することです。 2. 私のコードは、リストページ {code...} の現在の位置を記録するものです。 Return 関数: ただし、ここに出力される値は、最初に保存されていた値ではなく、Return をクリックしたときの位置です。 {世代...

给我你的怀抱 2017-07-05 10:37:41 0  1  974

javascript - 親は相対位置を設定します。子要素は絶対配置に設定されます。子要素にはフローティング テーブルが含まれており、現時点では高さを調整できません。

1. テーブルにカルーセルを実装するため、float を使用しますが、各テーブルの tr は異なります。テーブルによって高さが変わります。親は overflow:hidden を使用し、相対的に配置されます。高い適応力を実現する方法を教えてください。 2. カルーセル中に現在表示されているテーブルの高さを取得するにはどうすればよいですか? ? ? {...

仅有的幸福 2017-07-05 10:48:58 0  2  903

scrollIntoView() がコンテナをページの先頭までスクロールしないようにします

スクロールスナップを使用するが、現在表示されているスライドを制御するためのナビゲーションボタンも備えた、単純な「主にCSS」画像カルーセルを構築しようとしています。私が見つけた唯一の解決策は、ターゲット要素でscrollIntoView()を使用することです。これは私が望むことを実行しますが、ターゲット要素を常にページの先頭までスクロールします。ターゲットのカルーセル スライドとコンテナーを元の位置に維持し、スライドを水平方向にスクロールして表示したいだけです。 AdamArgyle の例を見ていたところ、彼はこれを実行し、コンテナは元の位置に留まりました、わかりません

P粉690200856 2024-03-26 20:25:28 0  1  515

CSS 疑似クラス関数で複合セレクターを効果的に使用する方法を学びます: host-context(<selector>)

MDN ドキュメントでは、:host-context() は次のように定義されています。 :host-context() CSS 疑似クラス関数は、CSS が含まれるシャドウ DOM のシャドウ ホストを選択します (そのため、そのシャドウからカスタム要素を選択できます) DOM ) - ただし、関数パラメーターとして指定されたセレクターが DOM 階層内のシャドウ ホストの祖先の位置と一致する場合にのみ機能します。言い換えれば、これにより、カスタム要素またはそのシャドウ DOM 内のあらゆるものに、外部 DOM 内の位置、または祖先要素に適用されたクラス/プロパティに基づいて、異なるスタイル...

P粉268284930 2023-09-16 15:49:33 0  1  1046

2 つの複雑な mysql select ステートメントを結合する正しい方法は何ですか?

テーブルから 2 つのリストを取得できます。各コホートの各学生のすべての単位が表示されます。もう 1 つは、各単元のすべてのセクションが特定のグループの特定の生徒の課題として提出されたかどうかを示します。各コホートの各学生の各単元の各セクションの提出物 (または未提出物) を表示できるように、リストに参加したいと考えています。 cohort_units:cohort_idunitpart235ABCA235ABCB246DEFA246DEFB246DEFCcohort_students:user_i

P粉600402085 2023-09-06 14:09:54 0  1  540

iOS16ではiPhoneのSafariでZ-indexが有効にならない

モバイルモード、たとえばSafariブラウザのiPhoneで、このクラスnavbar-mobileをJavaScriptを使用してnav要素に適用するナビゲーションバーがあります。しかし、どういうわけかナビゲーションバーが上部に表示されません。 .navbar-mobile{位置:固定;上:0;右:0;左:0;下:0;背景:rgba(0,0,0,0.9);トランジション:0.3 秒;-we

P粉346326040 2023-08-25 20:33:05 0  1  657

特定のロケールに対して個別のルート フォント サイズを設定する方法はありますか?

私はreactモジュールとcssモジュールで書かれたデザインシステムを持っています。間隔、フォント、要素サイズなどの単位はすべてrem（基本値を16pxに設定）で書かれています。html{font-size:16px;}::root{ - -間隔-1:0.25レム;--間隔-2:0.5レム;--間隔-3:0.75レム;-間隔-4:1レム;-間隔-5:1.25レム;....- h1 -フォントサイズ

P粉006847750 2024-01-10 17:43:21 0  1  480

angular.js - angular ディレクティブでテンプレートの子要素にイベントをバインドするにはどうすればよいですか?

{コード...} 私が欲しい機能は、画像をタッチした後、画像が別の画像に変わり、タッチが完了すると再び元の画像に戻り、同時に ng-click のメソッドが呼び出されることです。 , そこで、divの下に最初の位置を与えたいのですが、imgにイベントを追加しているのですが、link関数で子要素を取得できないようです 何か子要素を取得する方法はありますか？

漂亮男人 2017-05-15 17:08:16 0  3  691

CSS 行クラスにより、一部の要素がフレーム外になりますが、要素は静的で表示の下部に固定される必要があります。

現在の私のページはこんな感じです。 2 つの要素が隣り合うように行クラスを追加すると、下部のナビゲーション バーがスクロールする必要がある位置まで押し下げられます。ここでは、行要素のない別のページが表示されます。ナビゲーション リンクがディスプレイの下部に完全に固定されています (植物と部屋のナビゲーション要素はリマインダー タブ (画像 1) に表示されるべきではないため、この要素は無視してください (画像 2)。ページはスクロール可能で、ナビゲーションバーが正しい位置に保たれますが、要素のアウトラインが正しくありません。すべての緑色のボックス表示は、編集ボタンと削除ボタンとともに重ねて表示...

P粉156415696 2024-04-03 18:48:12 0  1  507

javascript - ページの下部にデフォルトで非表示になっている要素が、クリック イベント後に表示されるように下部からゆっくりと上昇します。私のものにはアニメーション効果がないのはなぜですか?

実現したいのは、ページの下部（隠し要素）で、ボタンをクリックすると下端から表示され、指定した位置に移動することです。現在表示はできますが、表示処理が行われません。ゆっくり起きてください。どうすれば解決しますか？

过去多啦不再A梦 2017-05-16 13:26:55 0  3  1059

javascript - React-Native での FlatList の遅延レンダリングは項目に基づいているのか、最小のコンポーネントに基づいているのか教えてください。

FlatList は子要素を遅延レンダリングし、画面に表示される直前にのみレンダリングを開始します。それでは、アイテム単位でレンダリングされるのでしょうか、それとも最小のコンポーネント単位でレンダリングされるのでしょうか?リストに 3 つの項目があり、1 つの項目が 3 つの画面を占有し、各項目に 10 個のコンポーネントが含まれ、最初の項目の最初の 3 つが最初の画面にあると仮定します。

滿天的星座 2017-05-31 10:37:53 0  1  798

CSS - アンカーポイントの移動 表示:フレックスおよび位置:絶対

Flex 要素と 3 つの子要素があります。 2 番目の子は、次のように絶対位置を使用して最初の子に重なる必要があります。 予想されること: 2 番目の子は最初の子の隣ではなく、その上にある必要があることに注意してください。ただし、親にdisplay:flexを設定すると、絶対要素のアンカーポイントまたは参照ポイントがdivの先頭に移動するようです。実際の結果は次のとおりです。 実際の結果: 2 番目の子要素を最初または 3 番目の要素の中に置くことは、overflow:scroll があるため、オプションではありません。親の他の表示属性を使用する

P粉252116587 2024-03-29 23:51:55 0  2  552

ページ上の要素のオーバーフロー部分までスクロールできません

ページのサイズを変更すると、要素がビューポートの上にオーバーフローし、上にスクロールして表示できなくなります。解決策のある質問を見つけましたが、うまくいきませんでした。 2 つの「コア」非表示 div と、すべてのコンテンツを含む 1 つの div 要素があります。 「container」div が存在するのは、この問題を解決しようとしているためです。 .container{位置:固定;上:0;左:0;幅:100%;高さ:100%;Z-インデックス:500;}.main-co

P粉041881924 2023-08-30 21:41:10 0  2  626