ホバー時にコンテンツを表示します (カードの高さには影響しません)

ホバー時に表示されるコンテンツを含むブロックがあります。効果の動作方法は次のとおりです。 .hoverCard は、デフォルトで基礎となるコンテンツを表示します (.hoverCard__showOnHover のコンテンツは非表示になります)。 ユーザーが .hoverCard の上にマウスを移動すると、.hoverCard__showOnHover がそのコンテンツを表示し、.hoverCard__body が上に遷移します (「開いた状態」になります)。効果) 上記の視覚効果はデモで確認できますが、アニメーションを完全に動作させることはできません。会いました

P粉289775043 2024-03-27 20:29:28 0  1  488

JavaScript - スクロール バーと clientHeight について

小さな妖精のスクロール バーが本当に煩わしいです。スクロール バーが占める場所については、次のようなブログを見つけました。実践した結果によると、次のことが当てはまります。スクロール バーはコンテンツの位置を占めていますが、表示されると、コンテンツの位置、エッジ表示。 （実際の効果では枠線の横に表示されます。枠線の上には…

天蓬老师 2017-05-19 10:47:31 0  1  722

NVDA スクリーン リーダーは視覚的に隠されたテキストを読み取ることができません

以下に示すコードは、テキストを表示し、視覚的に非表示にしたい表の一部ですが、視覚的に隠されたテキストは、マウスオーバー時にスクリーン リーダーによって認識されません。 bootstrap5を使用しています。 <tdclass="col_featured"><span>29%</span><spanclass="visually-hidden">打者

P粉076987386 2023-09-05 10:51:25 0  1  534

JavaScript - このコンテンツはどのようにブロックで表示されますか? なぜテストできないのですか?

この単一ページにはどのようにしてコンテンツがブロック単位で表示されるのでしょうか? {code...} の 2 つの部分を削除し、次のように設定しました。 Navigation {code...} Content {code... } Why can'これは、ここで開いてナビゲーションをクリックしたときに表示されたのと同じ効果がありますか?

曾经蜡笔没有小新 2017-05-16 13:16:49 0  2  429

JavaScript - アニメーションの表示と非表示を切り替えるための良い解決策はありますか?

例: このアニメーションと同じ効果になります 最初に div が非表示になりますが、ボタンをクリックすると表示されてアニメーション効果がかかります 非表示にしても同様ですしかし、明らかに複雑に書きすぎました。もっと簡単な解決策 (サードパーティのライブラリを使用しない) はありますか?

阿神 2017-06-30 09:59:55 0  5  1088

object-c - 新しい viewController を作成するときに、コードは組み込み xib の幅と高さを出力します。インターフェイス上の実際の表示と異なるのはなぜですか?

ViewControllerを新規作成するとxibが付いてきますが、viewController.mで出力されるself.viewの幅と高さは600*600ですが、インターフェイスの表示効果や制約レイアウト、シミュレータ上で実行した場合の効果はなぜ正常なのでしょうか？

世界只因有你 2017-05-02 09:35:50 0  1  706

フォントフォントファミリー

Web ページをオンラインで公開しており、テキストにフォント ファミリーを設定し、私のコンピュータにはこのフォントが搭載されているが、他の人のコンピュータにはこのフォントが搭載されていない場合、表示される Web ページのフォント効果は異なりますか? ?

hcc 2019-01-12 23:27:33 0  0  1057

JavaScript - スクロールのスクロールの問題

1. https://www.kayak.com.hk/holi... 主な効果はこのウェブサイトの効果です。スクロール バーをスライドすると、右側の div が下にスクロールし、それに応じて左側の div もスクロールします。ただし、左側の div が長すぎるため、上部を非表示にする必要があり、この効果が得られます。 ...

过去多啦不再A梦 2017-06-26 10:55:45 0  4  979

ページ全体を移動せずに、特定のセクションをターゲットとするページ内での垂直スクロールを実装します。

いくつかのページでこの効果を見たことがあります。下にスクロールしても、ページ自体は動いていないように見えます。したがって、一部の要素はフェードインまたはフェードアウト、表示または非表示になります。 5枚のカードを含むセクションがあります。次に、同じ効果を作成したいと思います。セクションまで下にスクロールするときに、上下にスクロールしてセクションを移動したいと考えています。現在いる場所に応じて、カードを表示または非表示にしたいと考えています。まずはそのセクションに overflow:scroll を追加しましたが、このエフェクトを作成するためのアイデアが枯渇してしまいました。

P粉946437474 2023-08-15 19:29:46 0  1  456

特定のメタ値を持つ製品を含む Woocommerce カテゴリのみを表示します

私は Woocommerce ストアの B2B 部分を開発しています。 woocommerce_product_query_meta_query を正常にフィルタリングして、b2b 部分が有効になっている製品のみを b2b ユーザーに表示しました。ただし、Woocommerce カテゴリ ウィジェットで 0 件の結果が表示される製品カテゴリを非表示にする方法が見つかりません (そのカテゴリには b2b セクションが有効になっている製品がないため)。デフォルトの Woocommerce ウィジェット コードを書き換えて、カテゴリ (およびサブカテゴリ) ごとに w を実行することを検討しました。

P粉037215587 2024-01-10 17:16:58 0  2  481

javascript - モバイル端末で横スクロールを実装後、行の折り返しが発生する問題があるのでアドバイスをお願いします。

図に示すように、並べて表示する必要があるラベル コンテンツが 2 つあり、2 番目のラベル コンテンツが幅を超える場合にスライド表示効果を設定する必要があります。本来のエフェクトはこんな感じで、文字数が多すぎると2行になってしまうのですが、これを1行にして余分な部分はスクロールさせたいのでこんな感じで書きました。しかし...

某草草 2017-06-12 09:25:32 0  1  636

angular.js - angularJS を書く方法を探しています

A はドロップダウン リスト、BC はテキスト ボックスです。 C テキスト ボックスはデフォルトでは非表示になっています。 B テキストボックスが使用可能です。 これを実現するには、A がプルダウンして最後の要素を選択すると、B が無効になり、C が表示されます。 A は最後の要素を選択せず​​、元の状態に戻します。 {コード...}

仅有的幸福 2017-05-15 16:51:15 0  3  740

JavaScript - HTMLネイティブJSで0、1の値に基づいてテーブルの表示/非表示を制御する方法

ネイティブ js を使用して、「空間プロパティ」が選択されているときに右側のテーブルを非表示にするか表示するかを制御するにはどうすればよいですか? TKS！コード: 効果はありません。 ！ ！

伊谢尔伦 2017-06-28 09:27:40 0  3  969

JavaScript - CSS カルーセル チャートがレイアウトの問題に適応する

カルーセル レイアウトと同様に、外側の青いコンテナは幅が設定されておらず、100% 適応されます。各サブコンテナの幅は親コンテナの幅と等しく、行に表示されます。親を超えた部分は、要素が非表示になっていますが、jsを使わずに特定の環境下で実現できますか？

给我你的怀抱 2017-06-13 09:23:41 0  3  1107

javascript - nextElementSibling を使用して js で次のノードを見つける方法

{コード...} 1. nextElementSibling を使用して、dialogArea の ID を持つ次のノードを見つけ、その値を変更します。 2. jquery を使用せずにネイティブ js のみを使用します。 3. 特殊な状況で入力のIDとクラスが取得できない場合に、非表示の入力を位置決め座標として下方検索するのが目的です...

天蓬老师 2017-05-19 10:12:12 0  3  710

Joi 検証で問題を引き起こす特殊文字

テキスト ボックスの内容を 250 単語に制限したいと考えています。これを達成するために joi 検証を使用しています。すべての文字 (特殊文字を含む) をカウントし、250 単語のみを許可する必要があります。しかし、次の問題に遭遇しました。最初の特殊文字が表示されるとすぐに、3 単語後であっても、「このセクションは 250 文字を超えることはできません」という joi 検証エラーが表示されます。 PDF からコンテンツをコピーして貼り付けると、画面がフリーズします。したがって、私の攘夷図式には何か問題があると思います。説明1:Joi.string().regex(/^(([\

P粉267791326 2023-08-31 09:52:18 0  1  608

アニメーション コンテンツの表示と非表示: トランジション効果を備えた HTML ページの作成

ページめくりのアニメーションを使用して、本の形でコンテンツを表示する Web サイトを作成しようとしています。各「ページ」のコンテンツに対してアニメーション化するさまざまな SVG 画像がありますが、これを行う方法がわかりません。基本的に、「ページ」ごとに HTML ファイルを作成せずに、コンテンツを希望どおりに表示または非表示にする方法はありますか?順序は少し重要です。Google に私のサイトをランダムな場所にリンクさせたくないのです。ありがとう！カルーセルを考えていますが、スライドショーはページ全体であり、アニメーションコンテンツ、アニメーショントランジションをサポートしており、テキスト...

P粉674757114 2023-09-10 17:41:45 0  1  711

php - Web サイトをデプロイすると、ページのヘッダーに灰色の領域が表示されます。何が起こっているのかわかりません。

HTML5、thinkphp、bootstrap4.0beta を使用して Web サイトを作成しました。ホームページはオンライン リソースをコピーし、phpstudy を使用してローカルでテストしました。ページの効果は問題ありません。しかし、Alibaba Cloud のランプに展開すると、ページの上部に灰色の領域が表示され、非常に目を引きました。皆さん、助けてください...

欧阳克 2017-06-19 09:07:00 0  4  971

Mud Blazor MudTable の列がテキストに合わせて拡大されないようにする方法

5 つの列を持つテーブルがあり、そのうちの 1 つに非常に長いユーザー ID (スペースなし) が含まれています。テキストを切り取るのではなく、すべてのコンテンツが収まるように列を拡張し、他の列を右に押してスクロールバーを表示させます。幅を固定してオーバーフローを防ぐ方法を見つけるために、私は何時間も研究してきました。 MudTable 要素の table-layout 属性を固定に設定して、width:20%;;wrap:new;whitespace:nowrap;overflow:hide;text-overflow:el のバリエーションを使用してみました。

P粉212114661 2023-12-27 11:05:27 0  1  500

クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか?

ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください。タイトルをクリックすると、上の画像がテキスト ボックス/別の画像/スクロール可能なセパレーターのようになります。ここでは、右側の頭蓋骨の絵文字をクリックすると、左側のボックスに新しい div/画像が表示されるというページの効果を実現しようとしています。ソースコードを見て、この効果を実現するために彼女が何をしているのかを確認していますが、まだわかりません。 w3schoolsonを使用しようとしています

P粉872101673 2024-04-04 11:21:03 0  1  3880