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

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

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

JavaScript - ページ内で固定配置されたサイドバーの位置をスクロール バーに合わせて動的に増加させるにはどうすればよいですか?

要件としては、ページのサイドバーは、最初はページ上の特定の位置（右: 0、下: 0 など）に固定されていますが、スクロールバーがスクロールするにつれて、サイドバーが表示されなくなるのを防ぐために、フッター部分を折りたたむと (下の図を参照)、特定の位置に達すると、スクロール バーの増加に応じて Bottom の値が増加し、開始点と同様の効果が得られます。

高洛峰 2017-06-26 10:53:43 0  2  989

スクロール: タイトルを修正する方法

特定のピクセル数までスクロールすると固定され、所定の位置に留まるヘッダーを作成しています。 CSS と HTML だけを使用してこれを行うことはできますか、それとも jquery も必要ですか?理解できるようにデモを作成しました。助けていただければ幸いです。 http://jsfiddle.net/gxRC9/4/body{margin:0px;padding:0px;}.clear{clear:both;}.container{height:2000px;}.cov

P粉090087228 2023-10-12 23:57:29 0  2  735

JavaScript - モバイル Web アプリのテイクアウト クリック メニューをシミュレートし、対応するコンテンツをターゲット位置にスライドさせます

1. 右側のコンテンツを指で指定した位置までスライドさせると、対応する左側のクリックメニューの色が変わったり、対応する位置が変わります? 2. モバイル端末のマウススクロールを監視させないよう注意してください! 3. オンラインで待ちます! 緊急です!

仅有的幸福 2017-07-05 10:39:31 0  2  817

gvim - vim でページをめくる (スクロールする) ときにカーソルを画面上の固定位置に保つにはどうすればよいですか?

vim がページをめくる (スクロールする) と、デフォルトのカーソルが画面の上部または下部に移動します。画面上の位置は変更されないようにしたいと考えています。つまり、テキストのみを移動し、テキストは移動しないようにします。カーソル (画面を基準とした) の位置。 これを達成するにはどうすればよいでしょうか?アドバイスをお願いします。よろしくお願いします。

给我你的怀抱 2017-05-16 16:36:15 0  5  1193

スクロール イベント リスナーが要素に追加されましたが、scrollTop が 0 に等しくない場合にのみ正しく移動します

そこで、完了済みタスクとアクティブなタスクという 2 つのリストがあるこの小さなスクリプトを作成しました。ボタンをクリックするとタスク リストを切り替えることができ、[詳細情報] をクリックするとタスクの詳細を読むことができます。 「詳細情報」をクリックすると、新しい div 要素が作成され、そのホスト要素の Y 位置を追跡したいのですが、途中まで機能します。これは次のようになります: ここに画像の説明を入力してください これはバグです。スクロール可能な要素のscrollTopが0でない場合にこのエラーが発生すると確信しています(これは正しい方法で作成されており、スクロールを開始するとすべて上...

P粉427877676 2024-04-01 11:03:26 0  1  636

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

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

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

アニメーションを使用して 2 つの Div を交換する方法

div を大きなボックスとして表示し、他の 3 つの div をその下に小さなボックスとして表示したいプロジェクトがあります。小さなボックスをクリックすると、CSS トランジション効果を使用してサイズが変更され、大きなボックスと位置が入れ替わります。スムーズな動きとサイズ変更。現在、jQueryを使用しようとしていますが、位置決めがまったく機能しません。これが私の現在の例です: https://jsfiddle.net/v3pmhawj/1/$(function(){let{left:x1,top:y1}=$('.full-si

P粉191323236 2023-08-26 13:55:33 0  1  539

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  898

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  780

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  657

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  629

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  1051

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  533

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  727

スペード、ダイヤモンド、ハート、クラブ => Android 版 Chrome ではスタイルのフォントの色が変更されない

Windows 上の Google Chrome では、カードのスーツのシンボル (スペード、ハート、ダイヤ、クラブ) は、「style」属性を使用して正しく色付けされます。残念ながら、Android 上の Google Chrome で表示される同じページには、私が定義した色は表示されず、デフォルトの黒と赤が使用されます。 (効果については添付の図を参照してください) HTML コード: (プロジェクトへのリンク https://stackblitz.com/edit/web-platform-z2cs3t?file=index.html

P粉896751037 2023-09-05 15:25:13 0  1  780

mui TextFieldラベルを非表示にする方法は?

私は Nextjs アプリを開発しています。mui で構築されたダッシュボード ナビゲーション バーには、通常の HTML と CSS で構築された通知ボックスを開く通知が含まれています。 Dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box";//...exportconstDashboardNavbar=(props

P粉239164234 2023-09-05 15:41:00 0  1  717

モバイル上のカスタム Bootstrap 5 カルーセル (複数の項目、ただし 1 行ではない)

モバイル デバイスでカルーセル レイアウトをカスタマイズしようとすると問題が発生します。モバイル上でカルーセルの項目を 1 つだけではなくすべて表示したいのですが、いくつかの CSS と JS、特に displayfloat または max-witdh を使って試した後、これは不可能だと思い始めています。どこを見ればよいかわからない、間違った場所や物件を表示している。私が何を達成しようとしているのかがわかるように、2 つの画像を含めました。私が達成しようとしているもの: 私が持っているもの: サンプル HTML コードは非常に基本的なコードです。CSS は含めていません。

P粉763662390 2023-09-05 11:53:56 0  1  616