に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

P粉356361722 2023-09-06 12:51:37

固定ナビゲーションバーの 1 レベル上の絶対 div

ナビゲーションバーに問題があります。固定ナビゲーションバーを作成しましたが、サイトの一番下までスクロールすると、div の 1 つがその上に表示されます。ナビゲーションバーをサイト上の他のすべてのコンテンツの最前面に表示したいと考えています。理由が分かりません、助けてもらえますか？これも修正できるのでしょうか？これは私のコードです: HTML<body><header><divclass="navbar"><divclass="navbar-gauche&quot

P粉635509719 2024-02-21 22:06:56

Plotly ヒートマップ上の個々のピクセルを選択/固定します

Plotly ヒートマップでは、2 つの選択モードがあると便利な場合があります: 長方形選択 (modbar ですでに利用可能) 個々のピクセルの選択/固定: 不要な既存の「drawcircle」ボタンをリサイクルすることでこれを実現しようとしました。クリックすると、ピクセルがハイライト表示されるか、その上に色付きのディスク (または Google マップ UI のような赤い「プッシュピン」) が表示されます。問題: modbar でdrawcircle ツールが選択されている場合、plotly_click イベントが起動しません (そのため、座標を取得できません)、およびplotly_s

P粉806834059 2023-09-02 14:57:46

javascript - jquery を使用してテーブル行を実装します。上部に固定された後、ajax を使用して背景と対話し、更新後も現在の位置を維持するにはどうすればよいですか?

タイトルにあるように、各行の後にトップボタンがあります。クリックすると先頭に固定されます。セルフリフレッシュとデータの再取得にはタイムアウトが設定されているため、先頭の位置を維持できません。効果はありません。コード: {Code.. .} 実際、コードのこの部分は問題の解決には影響しません。主に...

PHP中文网 2017-06-26 10:54:48

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

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

P粉156415696 2024-04-03 18:48:12

javascript - 以下の例に示すように、img 要素を div 内で中央に配置する方法

HTML コード {code...} 目的の効果の例。赤い部分が div で、緑の部分が img です。つまり、img の幅は固定されていないため、これを解決することはできません。マージン左を固定します。

给我你的怀抱 2017-05-16 13:21:39

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

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

P粉521748211 2023-08-21 19:18:36

vim プラグイン vimwiki で Vimwiki2HTML の詳細を変更する方法

vimwiki のデフォルトの Vimwiki2HTML コマンドは、%toc を現在の Wiki エントリのディレクトリに変換しますが、2 番目のディレクトリ ID を toc_1.1 (ID にはドットが含まれます) に変換し、bootstrap-scrollspy を使用してスクロール検出を実装します (参考: Web ページのスクロール検出と上部固定ナビゲーションを実装する方法...

世界只因有你 2017-05-16 16:42:17

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

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

高洛峰 2017-06-26 10:53:43

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

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

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

伊谢尔伦 2017-05-17 10:05:06

nginx - ルーターのポートマッピング機能を介してイントラネットにアクセスする方法

パブリックネットワークの固定IP（220.174.XX.XX）の下に複数のサーバーがあり、そのうちの1つのサーバーIP（192.168.0.220）をイントラネットのWEBサーバーとして利用しています。このサーバーには現在、インターネット上に 2 つの Web サイトがあり、これら 2 つの Web サイトはルーター上に次のように設定されています。

巴扎黑 2017-05-16 17:08:59

ページのリロード後もサイドバーメニューで選択した項目を上部に維持する方法

スクロールするサイドバーメニューがあります。したがって、メニュー項目を選択すると、サイドバーの上部に表示されるはずです。アクティブなメニューの設定に問題はありません。わかった。ただし、サイドバーの上部の位置を設定できません。 jQuery は推奨しないでください。代わりに、プレーンな JavaScript を使用することを提案されました。ここにコードリファレンスがあります。.sidebar{height:100pxoverflow-y:scroll;}.sidebarulli{padding:30px;}<

P粉955063662 2024-02-17 14:49:08

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

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

P粉986028039 2023-09-17 21:44:03

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

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

P粉318928159 2023-08-27 23:13:19

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

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

淡淡烟草味 2017-07-04 13:45:35

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

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

P粉833546953 2024-03-28 00:24:35

Laravel Eloquentは日付順に並べ替え、ランク付けされたインデックス別にエントリも保存します

私はLaravelを使用してプロジェクトを構築しており、すべての製品を含むテーブルがあります。このテーブルでは、製品が毎日追加され、ページ上に created_at でソートされたすべての製品が表示されます。これは、LaravelEloquent と ->orderBy('created_at','DESC') を使用して簡単に行うことができます。ただし、特定の製品を特定の場所に「固定」/「固定」できるようにしたいと考えています。これを行うために、返されたクエリセット内の製品を含むrank_index列を作成しました。

P粉002023326 2023-08-30 14:46:23

WindowsにインストールしたPHPstudyに外部ネットワークからアクセスできますか?設定方法は?

ヘルプ: Windows にインストールした PHPstudy に外部からアクセスできますか?設定方法は? , WeChat アプレットを使用して PHPstudy 上のデータベースにアクセスしたいのですが、どのように設定すればよいですか?ヘルプ: Windows にインストールした PHPstudy に外部からアクセスできますか?設定方法は? , WeChat アプレットを使用して PHPstudy 上のデータベースにアクセスしたいのですが、どのように設定すればよいですか?

枫。 2019-03-16 08:12:22

css3 - フレックスレイアウトで子要素を整列させる方法は?

図のようにjustify-content:space-around;を使用していますが、2行目のサブ要素を1行目と上下に揃えることができればいいのですが、サブ要素の数は固定ではありません。それを解決するには？

淡淡烟草味 2017-07-04 13:45:08