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

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

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

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

angular.js - React-redux アプリのスクロールバーの位置記録?

単一ページのアプリケーションを開発する場合、ページを切り替えるときにスクロールバーは常に固定位置を維持しますが、この問題を解決するためにスクロール動作が使用され、前のページのスクロールバーの位置を記録することもできますが、非同期はサポートされていません。このような状況で、良い解決策はありますか？

PHPz 2017-05-15 16:59:11

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

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

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

要素にposition:fixedを適用すると、display:flexによって制御されるコンテンツの配置が壊れます。

ページが初期位置でスクロールするときに、ウィンドウの上部、つまり単語の下の領域に .word 要素と .line 要素を追加します。 .wordをposition:stickyに修正しましたが、2つの問題に直面しました。それを.lineに適用すると、単語の周りを「ジャンプ」しますが、そうではありません。

P粉131455722 2023-08-02 17:11:54

React マテリアル UI コンポーネントの選択の問題

MUI https://mui.com/material-ui/react-select/ の「コンポーネントの選択」に移動し、ドロップダウンメニューを開いて任意の選択を行います。ドロップダウンを閉じるまで、ページを操作できないことがわかります。この問題に対する解決策はありますか?ドロップダウンを開いた後もスクロールできません。追伸: NativeSelect は使いたくないです。

P粉105971514 2024-03-31 10:58:02

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

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

P粉872101673 2024-04-04 11:21:03

滑らかなスライダーを継続的に自動再生しながら、矢印/ポイントクリックでスクロールを加速するにはどうすればよいですか?

自動で連続再生するスライダーを作りたいです。正常に動作しますが、矢印とポイントが正しく動作していないようです。どの設定を変更すればよいかわかりませんが、矢印または点をクリックした直後にスライダーがスクロールするようにしたいと考えています。以下のコードを使用していくつかの設定を変更しようとしましたが、何も機能しないようです。速度を 6000 に設定すると、自動再生のタイミングは完璧になりますが、点/矢印をクリックした後のスクロールでは同じ遅い速度が使用されます。この動作は望ましくありません (選択したスライドまですぐにスクロールする必要があります)。目標を達成するために何をすべきかを理解するのを...

P粉956441054 2024-03-25 21:20:33

タイトルは次のように書き換えられました: CSS3 の 100vh 値はモバイルブラウザでは固定されていません

非常に奇妙な問題があります...私が遭遇するすべてのブラウザーとモバイルバージョンで、次のような動作が発生します。ページをロードするとき、すべてのブラウザーにはトップメニュー（アドレスバーの表示など）があり、ページのスクロールを開始すると、それは上に滑り上がります。場合によっては、100vh はビューポートの表示部分でのみ計算されるため、ブラウザバーが上にスライドすると、100vh が (ピクセル単位で) 増加し、寸法が変更されたため、すべてのレイアウトが再描画およびサイズ変更されます。効果が良くない場合、この問題は発生しますか？ビューポートの高さについて初めて聞いたとき、とても興奮しました...

P粉682987577 2023-08-21 16:49:22

angular.js - angular を使用して接辞のような効果を実現する方法

angularjsを使用してブートストラップの接辞と同様の効果を実現するにはどうすればよいですか?要件は次のとおりです。 1. 左側のメニューは固定されており、スクロールバーがない場合は、対応する列をクリックして、右側の対応するコンテンツにスライドできます。右側のコンテンツがスクロールされ、左側のナビゲーションバーが対応する列に移動します。

阿神 2017-05-15 17:13:54

angular.js - $ionicScrollDelegate.getScrollPosition() は、初めてページに入った後に対応する高さを取得できません

1. 写真に示すように、オンラインで見つかった時間選択プラグインです。ionic を初めて起動すると、このページは更新されません。 () は高さを取得できません。scrollTo メソッドを使用すると、直接ジャンプするまで高さが固定されます。

大家讲道理 2017-05-15 17:07:21

タイトルが次のように書き換えられました: フレックスボックスメニューとタイトル付きのテーブル - テーブルの幅に基づいてタイトルを切り詰めることは可能ですか?

flexboxCSSを使用してこのようなことを実現したいと考えています。メニューは固定幅ですが、テーブルは自動的に拡大する可能性があり、ヘッダーは長い場合でもテーブルの幅を超えてはなりません。言い換えれば、テーブルは列コンテナーを拡張できる必要がありますが、ヘッダーは拡張できません。 +----+--------+|メニュー|タイトル||+--------+||テーブル|+----+--------+これは 1 つのフレックス列だけで簡単に実現できます。 <html><スタイル>

P粉642920522 2023-09-06 17:30:06

別のオプションを選択する場合、入力フィールドの種類は、ルピー記号を使用した 20 桁のルピーをサポートするか、パーセントで置き換えることができます。

固定値を選択するオプションが選択されている場合、入力フィールドのタイプはルピー値であり、ルピー記号付きの 20 桁のみがサポートされます。パーセンテージが選択されている場合、ルピー記号はパーセンテージ記号に置き換えられ、ボタンをクリックせずに値を入力できる値のタイプは 2 桁のみです。このコードは正常に動作していますが、2 つの小さな問題に直面しています。1. Web ページが次のように読み込まれる場合デフォルト値は固定値に設定されています（ただし、入力値とルピー記号は機能しません2。値が変更された場合、両方は機能しますが、値は変更された状態に自動的にリセットされません。ユーザーが単一のパーセ...

P粉022140576 2023-08-13 18:35:32

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

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

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

html - CSS ナビゲーションバーがぼやけ、ナビゲーションバーが固定され、ページがスライドすると下のページがぼやけます。これを実現するにはどうすればよいですか?

インターネットで長時間検索した結果、以下のページに動的に影響を与えてぼやける解決策が見つかりませんでした。これはステーション b のブラーエフェクトです。静的です。原理は 2 つの同一の画像を使用し、一方の一部をぼかし、もう一方とマージすることです。私のアイデアは、AE と同様の調整レイヤーにガウスぼかしを追加して、下のレイヤーに実際の効果を与えることです...

大家讲道理 2017-05-24 11:36:02

JavaScript - vscode を必要に応じてカスタマイズする方法

vscode カスタマイズで実現したい効果は、ショートカットキー JS を押して変数 A をクリックして変数 A の宣言にジャンプすることです。CSS ではクラス名 B をクリックして B{...} にジャンプします。未使用の JS 変数または CSS クラス名がグレー表示され、JS 矢印機能が自動的に完了します。タブを閉じたときに項目リストが自動的に配置されないはずです...

代言 2017-07-05 10:38:58

同じページ上の複数のコンポーネントに関する Livewire ページネーションの問題

同じページで 2 つのページネーションコンポーネントを使用すると、Livewire のページネーションの問題が発生します。複数のページネータの使用に関する Livewire ドキュメントのアドバイスに従いました。ただし、いずれかのコンポーネント上のページに移動しようとすると、常に 2 つの問題に遭遇します。最初に移動するときは期待どおりに動作しますが、その後の試行ではリダイレクトされません。ページ分割されたナビゲーションのリンクはfirst リダイレクト後に消えます。URL を手動で変更すると、コンポーネントは変更を反映し、正しいページを表示します。ただし、コンポーネント自体のページをクリッ...

P粉714780768 2023-09-01 12:49:12

ボタンがクリックされた場合のみフォームにリダイレクトし、オプションを選択します。それ以外の場合は、ナビゲーションタブの標準表示がデフォルトになります。

1 つのナビゲーションタブにフォームがあり、別のナビゲーションタブからそのフォームにリンクしています。以下のコードを使用して、複数のページからすべてのナビゲーションタブにリンクしています。 consthash=window.location.hash;constbsTab=newbootstrap.Tab(hash);bsTab.show(); それは機能しますが、可能であれば、URLからリダイレクトした後にハッシュタグを削除したいと考えています。これは、JavaScript のこの部分で発生している問題です。もう一つは

P粉012875927 2024-03-22 10:12:30

複数のカルーセルスライド上の PHP <form method="post">

言い訳：カルーセルを使ったホームページを作っています。カルーセルはうまく機能します。ただし、各スライドには独自の入力フォームがあります。 1 つのタグ内で 2 つのフォームを結合しようとすると、スライドを変更するたびにページが元のコンテンツにリロードされます。これは、ラベルがすべての入力をまとめて保存し、カルーセルスライドのインデックスが変更されるとフォーム値がリセットされるためだと思います。やりたいこと別のスライドに切り替えるときに選択したすべての値がリセットされるラッパーを使用するのではなく、1 ページに複数のラベルを配置できるようにしたいです。 isset($_POST['

P粉043432210 2023-09-15 14:13:53

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

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

P粉178132828 2023-09-05 11:18:47

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

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

P粉237125700 2023-09-05 14:46:42