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

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

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

リアクティブなモーダルスライドアニメーション

ReactとCSSでモーダルを実装しました。現在、モーダルを開くと、モーダルが下から上にスライドするスライドアップアニメーションを実装していますが、閉じるときにスワイプして下に移動したいのですが、方法がわかりません下にスワイプするアニメーションを正確に作成するために、誰か手伝ってくれませんか?コード=>import"./styles.css";importreact,{useState}from"react";exportdefault

P粉514458863 2023-08-30 22:49:29

「モーダル」ウィンドウを開く方法を調べる

カードをクリックしたときに、製品に関する情報を表示する「モーダルウィンドウ」が開くようにするにはどうすればよいですか。 <divclass="card"><divclass="imgBox"><imgsrc="./img/bau.png"alt="Produto" class="mouse"></div>&l

P粉277464743 2023-09-09 21:27:12

「オーバーフローコンテナーのフレックス項目の先頭までスクロールできません」のタイトルは次のように書き換えられます:「オーバーフローコンテナーのフレックス項目の先頭までスクロールできません」

フレックスボックスを使用して便利なモーダルを作成しようとしているときに、ブラウザの問題と思われる問題に遭遇し、既知の修正または回避策があるかどうか、または修正方法に関するアイデアがあるかどうか疑問に思っていました。私が解決しようとしている問題には 2 つの側面があります。まず、モーダルウィンドウを垂直方向に中央揃えにすることは期待どおりに機能します。 2 つ目は、外部スクロールを使用してモーダルウィンドウをスクロールさせることです。これにより、モーダルウィンドウ内のコンテンツではなく、モーダルウィンドウ全体がスクロールします (この方法では、モーダルの範囲を超えて拡張できるドロップダウ...

P粉854119263 2023-08-22 14:58:06

javascript - モーダルウィンドウについて、現在のウィンドウを閉じて前のウィンドウを更新します

1. ポップアップボックス (モーダル) で [データの追加] をクリックして 2 番目のウィンドウ (モーダル) をポップアップします。データが 2 番目のウィンドウ (モーダル) で作成および保存された後、最初のモーダルでデータを更新するにはどうすればよいですか?コードは次のとおりです。クリックして追加 2 番目のポップアップボックスをポップアップするコードは次のとおりです。新しいページをポップアップします。 2. データを追加した後、保存します。 3.

迷茫 2017-05-19 10:16:47

vim - 隠しウィンドウを表示するにはどうすればよいですか?

vim test.htmlvsplit test.csssplit test.js 3 つのウィンドウが表示されます。カーソルを左下に移動し、「:hide」コマンドを入力すると、ウィンドウが左右に 2 つだけ表示されます。ウィンドウがいくつあっても右側のtest.htmlは変わらないので、次のように切り替えます。ウィンドウを 2 つだけにして使用します...

阿神 2017-06-19 09:07:54

ボタンがクリックされたときにこのアニメーションクラスをモーダルに追加するにはどうすればよいですか?

モーダルの「×」ボタンをクリックしたときにアニメーションが発生するようにしたいのですが、現在起こっていることは、モーダルがクリックされずにモーダルが閉じてから、再度モーダルを開くと、何もクリックせずにアニメーションが発生するという状況が発生することです。これは私の現在のアニメーションクラスコードです: .scale-out-center{-webkit-animation:scale-out-center0.3scubic-bezier(0.550,0.085,0.680,0.530)both;animation:scale-ou

P粉064448449 2024-03-30 22:05:19

html5 - ブートストラップがモーダルウィンドウを開くことによって引き起こされるページのジッターの問題を解決するにはどうすればよいですか?

インターネット上の方法を参考にしても解決しませんでしたが、ページジッターの問題を解決する方法をご存知の方はいらっしゃいませんか? {code...}

阿神 2017-06-24 09:43:55

javascript - angular-ui-bootstrap モデルモーダルボックスの位置を調整する方法

プロジェクトではangularが提供するuiコンポーネントui-bootstrapのモーダルボックスを使用しているのですが、トリガーするとウィンドウ全体に表示されてしまい、中央より少し上で上に近すぎます。ウィンドウの中央に水平方向と垂直方向に表示されます。いいえ、どのパラメータを使用するか知っていますか?

怪我咯 2017-06-26 10:54:53

JavaScript - 角度モデルのカプセル化ディレクティブ

要件は次のとおりです: ボタンをクリックすると、ページ上にモーダルボックスが表示されます。このウィンドウには選択ドロップダウン選択ボックスがあります。ユーザーが選択した後、確認ボタンをクリックするか、キャンセルボタンを直接クリックして画面を閉じます。モーダルボックス。誰か同じようなことをした人はいますか?アドバイスをお願いします。

女神的闺蜜爱上我 2017-06-12 09:30:28

画面上の CSS センターポップアップ。コンピューターやタブレットでは機能しますが、携帯電話では機能しません

CSS を使用して、画面中央にヘルプポップアップを表示してみてください。私のコンピュータと iPad では問題なく動作しますが、iPhone ではポップアップがスクロール可能な垂直方向のスペース全体の垂直方向の中央に配置されるため、表示するために時々上下にスクロールする必要があります。呼び出されたときに、現在表示されている画面の中央に配置したいと考えています。 (ページの高さは静的ではないことに注意してください。つまり、ユーザーのアクティビティに基づいて伸びたり縮んだりします)。関連する CSS は次のとおりです: .helpcontent{position:fixed;top:50%;le...

P粉662802882 2024-03-28 20:02:46

Vim はどのようにして NertTree ウィンドウのサイズを自動的に変更しますか?

Web ページなどを表示するために vim ターミナルのサイズを変更する必要がある場合がありますが、このとき、NerdTree のサイズをメインウィンドウと一緒に移動したり縮小したりすることはできません。この動きに追従して狭くなるように設定する方法。または、vim インターフェース全体のサイズを動的に取得する方法。

大家讲道理 2017-05-16 16:34:39

HTML コンテナのサイズを動的に変更するにはどうすればよいですか?

ウィンドウに合わせてサイズを動的に変更する背景であるコンテナ div があります。そのコンテナ内に画像 div があり、背景コンテナを使用してそのサイズを変更したいと考えています。高さと幅のパーセンテージを使用しても、動的にサイズを変更できないようです。誰か私を正しい方向に導いてもらえますか？ @importurl("https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600,700,800");*{box-sizi

P粉418214279 2024-04-03 20:38:38

反応警告: useEffect の状態を更新するときに更新の深さが最大制限を超えました

ブール変数を含むオブジェクトである状態変数を更新しようとしています。データが利用可能になったら (ボタンのクリックで呼び出された API 呼び出しに応答して)、useEffect 内の状態を更新します。次に、このデータを使用して別のコンポーネントであるモーダルを呼び出します。使用可能なデータがない場合は、別のモーダルを表示します。ポップアップを閉じると、状態変数が更新されるはずです。 const[modalState,setModalState]=useState<IModalState>({sho

P粉447785031 2023-09-06 13:46:55

restful - nginx は、リクエストが .php に一致しない動的リクエストであることをどのように判断しますか?

現在、多くの RESTful フレームワーク、または pathinfo ルーティングモードをサポートするフレームワークは、URL 内のエントリファイル Index.* を非表示にします。では、この場合、リクエストがプログラム処理を必要とする動的リクエストであるか静的ファイルリクエストであるかを判断できるように nginx を構成するにはどうすればよいでしょうか?

黄舟 2017-05-16 17:26:50

Javascript Html CSS ロード時の数値カウンターアニメーションプリローダーウィンドウ

自分のポートフォリオ Web サイトでナンバーカウンターのアニメーションを作成したいと考えています。私の古いWebサイトには、完全にロードされたときにプリローダーからWebサイトに移行するjqueryコードがいくつかあります。 <script>$(window).on('load',()=>{$('#preloader').fadeOut(1800,function(){$(this).remove();});}); </script>数字カウンターのアニメーションを追加し、側面の向きを追加する方法

P粉523625080 2023-09-11 22:37:54

ゲーム開発 - MVC でアニメーション (モデル) を理解するには?

MVC では、データはモデルに保存され、ビューはモデルのデータに従ってレンダリングされます。しかし、アニメーションの場合、グラデーション処理中にいくつかの状態が生成され、これらの状態は属しません。このために、MVC モデルはどのようにニーズを解決しますか?

巴扎黑 2017-05-16 17:06:27

null のプロパティを読み取ることができません (「変換」を読み取ります)。それはどういう意味ですか？

Chartjsライブラリを介してaxiosからの動的データを使用してチャートを作成しました。しかし、ブラウザーのチャートを更新すると、最初は次のような利用可能なものはありません: ブラウザーのウィンドウサイズを変更すると、すべてのチャートが表示されます: コンソールからのエラー: UncaughtTypeError: Cannotreadpropertiesofnull(reading'transition')atChart .transition(Chart.js?473e) :9865:1)で

P粉207483087 2024-01-10 16:36:20

変換された要素がオーバーフローして自動的に切り取られるのを防ぐにはどうすればよいですか?

Bootstrap4 を使用して、友人の個人 Web サイト用のモーダルギャラリーを作成しています。ホバーすると画像が拡大するように設定しましたが、オーバーフローを自動に設定すると、モーダル（または div）の端で画像が切り取られてしまいます。ギャラリーも一連のタブの 3 番目ですが、どれもうまく機能します。どの div に overflow-auto クラスがあるかを変更しようとしました。すべて異なるタグを付けようとしましたが、何を試しても、ギャラリーがスクロールし、画像がスクロールするようにする方法がわかりません。ホバーカット時にぼやけません。関連するコード: .g

P粉242535777 2023-09-07 20:04:02

JSRuntimeでウィンドウを印刷してすべてのレコードを表示するにはどうすればよいですか?

私は Blazor サーバープロジェクトに取り組んでいます。要件の 1 つは、ポップアップウィンドウにレコードを表示し、それを PDF ドキュメントとして印刷することです。レコードが多すぎて 1 ページに収まらない場合、PDF は 1 ページとしてのみ保存されます。つまり、PDF の最初のページに表示できるレコードはわずか数件しかないということです。 PDF にすべてのレコードを表示するにはどうすればよいですか? CSSのせいでしょうか？モーダルは次のとおりです: @page"/dialogcard/{Order}"@usingIMS.CoreBusiness@usin...

P粉139351297 2024-03-19 19:57:53

ウィンドウが 90% 未満に縮小されると、jQuery の上部スクロールバーが機能しなくなります

私は ASP.NETVB を使用しており、デフォルトの下部スクロールバーをシミュレートする上部スクロールバーを実装しました。何らかの理由で...ウィンドウのサイズを変更すると、サイズが90%を下回ると上部のスクロールバーが動作しなくなります...サイズが90%以上に戻るとすぐに動作し続けます...探しています解決策やヘルプがわかりません...幅を幅の90%に制限しようとしましたが、それでも機能しましたが、機能しませんでした...90%未満のサイズ変更操作が唯一の原因のようです問題...幅自体ではありません...間違っている可能性がありますが

P粉238433862 2023-09-12 12:33:19