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

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

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

javascript - ios入力にフォーカスがあると、ページ全体が押し上げられます

要件は実際には非常に簡単です。ページの下部にある入力ボックスを固定してテキストを入力するだけです。しかし。 。 。 iOSシステム下。この入力にフォーカスがあると、ページ全体が押し上げられます。 。 。 。 。 。ヘッダーの内容は表示されなくなります。何か良いアイデアがあれば教えてください...

淡淡烟草味 2017-07-04 13:45:35 0  3  1415

上にスクロールするときに要素をページの下部に固定するにはどうすればよいですか?

私が達成しようとしているのは次のようなものです: https://imgur.com/a/YFcfO3N 基本的に、上にスクロールしたときにページの下部に固定されるメニューが必要です。

P粉356361722 2023-09-06 12:51:37 0  1  490

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

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

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

新しいヘッダー: フッターが常にページの下部にあることを確認します。

フッターをページの下部に配置し、ページの下部までスクロールするまで表示されないようにするプロジェクトに取り組んでいます。 CSS で「position:fixed」を使用しようとしましたが、コンテンツの上に浮いてしまい、絶対位置の場合はページの中央に固定されてコンテンツを覆ってしまいます。また、コンテンツがそれほど多くないページで、位置を指定しないか、「position:absolute」を使用すると、フッターの下に空白ができてしまいます。提案をお願いします。 *{マージン:0;パディング:0;}ヘッダー{背景-c

P粉318928159 2023-08-27 23:13:19 0  1  486

長い HTML テーブルを印刷するときに各ページにヘッダーとフッターを追加するのに助けが必要です

長い HTML テーブルを含むビューがあります。ビューを印刷しようとすると、テーブルがページに分割されます。明らかにフォームが壊れて次のページに続いてしまいます。印刷されるすべてのページにヘッダーとフッターをきちんと追加できるようにしたいと考えています。次のようなCSS改ページプロパティを使用してみました： 内部改ページ 改ページ後 改ページ前 ヘッダーとフッターを上下に固定するためにposition:fixedを使用してみました。フッターはすべてのページに表示されますが、表と重なっています。ハイライト表示された領域にあるように、ヘッダーとフッターを重ならないように表示したいと考えています。テ...

P粉662802882 2023-12-18 17:46:07 0  1  518

`margin` 属性を `fixed` 要素と `z-index: 1` に適用します。

リストとコメント欄があります。コメント欄はページ下部に固定されています。リストが長い場合はページスクロールが適用されます。リストの下部が常にコメント フィールドの上部から一定の垂直距離にあるようにしたいと思います。もちろん、margin-bottom 属性を .meaning クラス (リストを形成する) に適用することもできますが、コメント フィールドに 2 行または 3 行のテキストが含まれる場合 (つまり、マージンを設定するには高すぎるでしょう)。したがって、私の意見では、margin-top をコメントフィールドに設定する方が合理的です。ただし、コメント フィールドの z-index ...

P粉986028039 2023-09-17 21:44:03 0  1  667

タイトルを書き換え: 1 ページを除き、パスではなくドメイン名に基づいてナビゲーション メニューのリンクを強調表示します。

Shopify Web サイトの上部のメニューに 2 つのナビゲーション リンクがあります。メニューは管理者のナビゲーション設定で作成/編集します。 #1 のメニュー リンクが、ページ #2​​ を除くサイトのすべてのページで強調表示されたままになるようにする必要があります。液体は次のようになります:<spanclass="inline-menu">{%forlinkinlinklists[section.settings.menu].links%}<aclass="inli

P粉517475670 2024-03-20 10:43:49 0  1  330

ios - ビューが上にある場合の水平方向のスライドの問題

問題は次のとおりです。 1. 上部にカレンダー コントロール、そのカレンダー コントロールの下にタブ、そのタブの下に対応するコンテンツがあります。 2. カレンダー コントロールは固定されていないため、下のビューと一緒にスライドできます。 3. 下の A と B は、タブをクリックして切り替えることをサポートしているだけではありません...

伊谢尔伦 2017-05-17 10:05:06 0  2  783

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

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

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

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

ページのサイズを変更すると、要素がビューポートの上にオーバーフローし、上にスクロールして表示できなくなります。解決策のある質問を見つけましたが、うまくいきませんでした。 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  595

REACT - ポストブラウザボタンでのページの再レンダリングを回避します。

多くの製品を表示するカタログ ページがあります。ユーザーが下から選択できる製品の 1 つ (たとえば、製品番号 1000) をクリックすると、別のページに移動して内容などを確認します。ボタン ブラウザがカタログ ページに戻ると、すべてが再度表示されます。これは当然のことですが、前に選択した製品にスクロール バーを配置するのに時間がかかります。ユーザーがページの上部で特定の製品 (たとえば、製品番号 4) を選択すると、すべてが正常に動作しますが、ページの下部に移動すると、シナリオが開始されます。 REACTでこのディレクトリページをキャッシュする方法はありますか

P粉733166744 2024-03-27 14:50:53 0  1  460

javascript - localStorage を使用して、クリックされたときにテーブルの一番上の行を取得し、ページを更新して現在の状態を維持します

一意の行を決定するには少なくとも 3 つの列の値が必要なので、私のアイデアは 1 です。上部のボタンをクリックするたびに、対応する行の 3 つの列 (各列に 1 つのキーがあります) の値が取得されます。保存処理であるlocalStorageに保存されます 2. ページがリロードされるたびにローカルデータが読み込まれ、テーブルデータを取得した後...

習慣沉默 2017-06-28 09:27:46 0  2  792

phpStudy2017 を実行した後に Web サイトを開くと文字化けするのはなぜですか?

バージョン 2014 から phpStudy を使用していますが、常に安定しています。phpStudy2016 に更新した後も、非常に安定しています。しかし、最近 phpStudy2017 に更新した後、Web サイトの一部のページを開くと文字化けして表示されます。使用されているバージョンはすべてphp5.2.17. 注: 正常なページと正常なページがあり、上の図のようになります。原因は分かりませんが、アップデートが高すぎて正常に動作しないのではないでしょうか? ありがとうございます。

phpcn_u48611 2017-10-24 15:59:57 0  1  1088

Laravelでパラメータの検証を取得する

laravelのgetで渡されるパラメータを確認する方法を教えてください。注文一覧ページの上部にたくさんのフィルタ条件がありますが、これらのフィルタ条件には、金額が数値である必要がある、ユーザー名である必要があるなどの特定のルールがあります。 5 桁を超えることはできません。フィルタリングの場合は、条件を実行するためにパラメータをバックグラウンドに渡します。

大家讲道理 2017-05-16 16:47:29 0  3  517

底部をその高さの 100% に設定します

要素をページビューから非表示にし、その上部がページの下部にちょうど接触するように要素を設定したいと考えています(要素は表示されません)。要素の高さが定数 66px の場合、最初にbottom:-66px;'を実行します。しかし、今度は、あらゆるサイズの要素を処理するためにこれが必要になります。 Bottom:-100%; を実行すると、親のサイズの 100% に設定されます。自身の高さの -100% に設定するにはどうすればよいですか。

P粉098417223 2024-04-04 22:41:16 0  1  1573

飲食店サイトのボタンオーバーレイ表示問題の解決方法

React.js を使用してオーバーレイ ページを正しく表示するためのボタンをレストラン Web サイトに構築するのに苦労しています。これらは独自のコンポーネント (MenuButtons.jsx) に設定され、前のページの短いメニュー セクションの下部にあります (下の画像を参照)。フルメニューは長すぎてフロントページにすべてを収まらないため、残りのメニュー（ワインリスト、ランチメニューなど）については別のオーバーレイページを立ち上げてほしいと思います。下の画像は、ワインリストのオーバーレイ ページがどのように見えるかを示しています。コードは次のとおりです: importReact,{use...

P粉289775043 2024-01-16 19:22:49 0  1  425

python - pyspiderはURLを介さずに次の関数にどのように情報を渡しますか

場合によっては、pyspider を通じて次の関数に情報を直接渡す必要がありますが、新しい URL を取得する必要はありません。たとえば、リスト ページ上の情報の特定の部分を次の関数に渡す必要があるが、それをリストの URL 経由で渡したくないとします。 send_message メソッドを使用することを考えましたが、...

淡淡烟草味 2017-05-18 11:00:39 0  2  585

高さ 100vh の背景画像の中央に div を配置します

私は上部に固定位置のナビゲーション バーがあるコースに取り組んでいます。背景の高さは 100vh に設定され、テキスト コンテンツを含む div は背景の中央にあります。 Flexbox を使用するとほぼ中央に配置されますが、実際に背景の中央に配置するには、その div の高さを高さの 100% に設定する必要があります。フレックスボックスとビューポートの高さについてはある程度知っていますが、ダイブを真に中央に配置するには、なぜ div の高さを 100% に設定する必要があるのか​​混乱しています。私が求めていることを再現するには、ここに背景として任意の画像を配置できると思います。私がここに...

P粉006847750 2024-02-17 12:39:44 0  1  381

Chrome モバイル ウェブでレイアウト/ビジュアル ビューポートを変更した後、タイトルをビジュアル ビューポートの上に表示し続けるにはどうすればよいですか?

これに関連する質問が複数あることは承知していますが、これらの質問がされてからブラウザー チームが変更を行ったため、どれも有効ではないようです。この問題に対する最新の解決策を見つけようとしています。目標 私の望みは、モバイル Web ブラウザーを使用するとき、特にユーザーが入力フィールドにフォーカスしていて仮想キーボードが表示されているときに、固定ヘッダーを上部に固定してアプリのようなエクスペリエンスを実現することです。背景コンテキスト 最近、Chrome モバイル チームは、iOS 上の Chrome でより適切に動作するように、モバイル Web レイアウトとビジュアル ビューポートのサイズを...

P粉833546953 2024-03-28 00:24:35 0  1  381