JavaScript - ボディの背景画像をさまざまな解像度で全画面表示させるにはどうすればよいですか?解像度が低い場合は垂直スクロール バーがあり、追加のコンテンツには背景がありません。どうやって対処すればいいのでしょうか？

大きな画面解像度を使用している場合、背景は問題なく全画面表示されますが、小さな画面に切り替えると、スクロールするコンテンツに背景が表示されません。この問題はどうすれば解決できますか?コード：

黄舟 2017-05-19 10:30:07 0  2  629

javascript - スワイパーのタブ切り替え. 各ボタンをクリックしてスワイパーコンテナを移動させるにはどうすればよいですか?

スワイパー タブ切り替えの各ボタンをクリックしてスワイパー コンテナを移動させるにはどうすればよいですか? たとえば、NetEase の上部タブ切り替えの各ボタンをクリックすると、タブ切り替えコンテナがスクロールします (1: 左右にスクロールでき、コンテンツが画面いっぱいに表示されます)。コンテナ全体。,) http://3g.163.com/touch/aut...

迷茫 2017-06-14 10:54:16 0  2  786

JavaScript - コンテンツの高さが画面の高さより小さい場合、autoHeight を設定すると swiper.js がうまく機能しません

swiper.jsを使ってタブ項目の切り替えを実装するのですが、各タブ項目の高さが異なり、非同期でデータが読み込まれます swiper-containerの適応高さはautoHeight:trueを設定しているのですが、コンテンツの切り替え時に高さ < 画面の高さ この属性はもう機能しません...

phpcn_u1582 2017-05-19 10:43:35 0  1  602

toggle 属性が使用されている場合、CSS トランジションを維持できますか?

左から右に移動する div があります。常に画面上に表示され、ウィンドウのサイズが変更されたときに位置合わせされないようにするには、画面のどちら側が近いかに応じて、左右の使用を切り替えます。

P粉465675962 2023-08-02 21:13:37 0  1  483

android - 携帯電話が横向きモードまたは縦向きモードの場合、recyclerview オブジェクトなどのフラグメント内のインスタンスは null であり、バックグラウンドでデータを返すときのコールバックによって null ポインター例外が発生します。

携帯電話が水平画面と垂直画面を切り替えると、フラグメント ステータスが失われ、サブスレッドによって要求されたデータ コールバックが表示されるときにヌル ポインタ例外が報告されます。この問題を解決するにはどうすればよいですか?

阿神 2017-05-31 10:38:57 0  2  1147

Android 上の React-Native でステータス更新が機能しない

スワイプ可能な水平ギャラリーに画像のペアを含むコードがいくつかあります。両方の画像の上部をクリックすると、画像がオフに切り替わるはずです。そのため、私が行ったのは、isImage2Active を状態に設定し、ソースを切り替えるだけです。 iOS では完全にスムーズに動作しますが、Android ではほとんどまったく動作しません。頻繁にクリックすると変更される可能性がありますが、それは明らかに私が望む動作ではありません。したがって、説明したように、スライド可能な水平ギャラリーconstImageである画像コンポーネントがあります

P粉541551230 2024-04-06 16:54:10 0  1  576

javascript - jsがローカル画像パスを呼び出す問題について?

インターネット上のビデオを見て、Lu Jin を改造して画像を切り替え、自分で書いてみました。 var arr=["./images/1.jpg","./images/2.jpg","./images/3.jpg","./images/4.jpg"]; {コード...しかし、アラートを通して、パスが長い文字列であることがわかります。何を渡せばよいでしょうか...

PHPz 2017-05-19 10:08:58 0  4  844

React JS と Lenis のスムーズスクロールで画面を切り替えるときにトップに戻る方法

私は lenis を使用してスムーズ スクロールを実装しており、App.js で使用する ScrollToTop.js ファイルがあります。ページがスクロールしていないときは正常に動作しますが、別のページに移動するボタンをクリックして「スムーズなスクロール」が発生すると、scrollToTop が動作しません。これを修正する方法を知っている人はいますか? ScrollToTop.jsimport{useEffect}from"react";import{useL

P粉662614213 2023-08-18 09:58:58 0  1  673

JavaScript - ネイティブ JS カルーセル チャート

最近、ネイティブJSのカルーセル画像をいじっていたのですが、切り替えにトランジションを追加したため、最後の画像から最初の画像までの接続に大きな問題が発生しました。アイデアは、最後のピクチャの後に最初のピクチャを追加し、親要素から最初のピクチャを削除することです。このアイデアは次のようなものです。同様のコードを書いたマスターはいますか? できます...

PHPz 2017-05-18 10:46:20 0  4  1114

クリックして確認コードを切り替えるとエラーが発生し、画像を取得できません

Error: captcha:1 GET http://localhost/captcha?id=1504664532 404 (Not Found) すると、取得される画像は認証コードを設定しない場合と同じになります。

清楚叛逆者 2017-09-06 10:23:40 0  4  1599

Selenium を使用して WindowHandles を使用してタブとウィンドウを追跡および反復する最良の方法

Internet Explorer11 の UI テストには Seleniumwebdriver を使用しています。テストされた Web アプリケーションでは、いくつかの画面がポップアップ表示されます。一部のテストでは、ブラウザ ウィンドウが 3 つになり、Driver.WindowHandles が 3 つになりました。ある WindowHandle から別の WindowHandle に切り替えるには、Driver.WindowHandles が最も古いウィンドウが最初に、最新のウィンドウが最後にソートされることが期待されます。しかし、事実

P粉744691205 2023-11-04 18:03:14 0  1  731

PHP 警告を修正する方法: WooCommerce カテゴリの未定義の配列キー、ホバー時の画像切り替えコード

子テーマのfunctions.phpファイルに次のコードがあります: //addhoverimagetowoocategorypageadd_action('woocommerce_before_shop_loop_item_title','mem_add_on_hover_shop_loop_image');functionmem_add_on_hover_shop_loop_image(){$image_id=

P粉529581199 2023-08-27 00:13:53 0  1  526

ループされた PHP API cURL を介して、ファイル内のページ分割されたすべてのデータを取得して書き込みます

API リクエストを作成し、適切にコーディングすることについてはやや初心者として、ループし、カーソルを次のページに移動し、ページがなくなるまですべてのデータを返す適切なコードの作成を手伝ってもらいたいと考えています。私の最初のコードは、ループせずに 50 件の結果の最初のページを取得します。適切なループを書くのに助けが必要なだけです。初期コードは以下の通りです。結果の最初のページを取得するにはうまく機能します。出力がどのようなものになるかをテストするために、結果を画面に出力しました。コードにはエラー処理がありません。 hasMore が false になるまでコードにループを追加する必要があり...

P粉652523980 2023-09-01 10:42:29 0  1  627

v-show を使用してテンプレートを切り替える方法を学びます

以下のコードに示すように、v-show または v-if を使用してテンプレートの表示を切り替えようとしています。私が直面している問題は、v-show が遅延条件ではないにもかかわらず、showTemplate を false または true に設定すると、msg の内容が常に表示されることです。 v-showとv-ifの正しい使い方を教えてください。 helloWorld:<templatev-show="showTemplate"><divclass=&qu

P粉680087550 2023-09-12 23:16:59 0  1  538

API 呼び出しのデータが未定義なのはなぜですか?

React.js を使用して映画 Web アプリケーションを構築しました。 API でデータを呼び出すと、データは正常に機能します。ただし、API 呼び出し ID を使用してページを切り替えようとすると、データは未定義になります。 Redux ツールキットを使用してデータを呼び出しています。しかし、カードを押そうとすると、選択したカードからデータを取得するために設定したページの 1 つが下の図のように発生します。コンソールのログを確認してみたところ、結果は次のとおりです。コードを確認したい場合は、envsorryicanshareapikeyVITE_BASE_URL=https://a

P粉726133917 2024-01-29 13:46:53 0  1  477

Vue コンポーネントの iframe が新しいタブで開きます (Safari のみ) ----- 時々

IFrame を含む Vue コンポーネントがあります。このコンポーネントは、Vuex ストレージを使用して API 呼び出しを行い、IFrame にロードされる SSO の情報を取得します。コンポーネントが初めてインストールされるとき、コンポーネントは IFrame に完全にロードされます。ただし、画面を切り替えてコンポーネントを再度インストールすると、SSO が新しいタブに読み込まれます。その後、別の画面に移動すると、再び正常にロードされます。したがって、新しいタブの問題は、コンポーネントがインストールされているときにのみ発生します。この動作は Safari でのみ発生することに注意するこ...

P粉238355860 2024-03-19 19:35:49 0  1  354

ブートストラップのランディング ページ レイアウトの問題 - コンテナが画面サイズに正しく適合しない

現在、Bootstrapを使ってランディングページを作成する練習をしています。ただし、レイアウトの問題に直面しています。コンテナーが適切な画面サイズに適合しません。左右のバランスが崩れて画面が左に傾いてしまいます。問題を示すスクリーンショットは次のとおりです (リンク): テキスト さまざまなことを試しましたが、問題を解決できませんでした。これは、ブートストラップのグリッド システムまたはコンテナ設定に問題があるのではないかと思います。このレイアウトの問題のトラブルシューティングと修正方法を誰かが教えてくれませんか?ご提案や洞察をいただければ幸いです。さらに、関連するコード スニペットをいくつ...

P粉214089349 2023-09-10 21:04:02 0  2  751

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

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

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

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

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

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

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  611