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

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

P粉956441054 2024-03-25 21:20:33 0  1  490

javascript - 奇妙な問題が見つかりました。タブを閉じると、作成した CSS アニメーションが自動的に一時停止されました。

奇妙な問題が見つかりました。私が作成した CSS アニメーションは、タブを閉じると自動的に一時停止し、タブを展開すると再生し続けます。動きの効果を出すために背景画像を動かして使っているのですが、これと関係があるのでしょうか？

给我你的怀抱 2017-06-30 09:52:30 0  1  851

モーダルが開いているときにスクロールを無効にする方法 - フルページ JS

私がやりたいのは、モーダルが開いているときにページ全体のJavaScriptスクロールを無効にすることです。問題は、モーダルを開いてスクロールしようとすると、実際の Web ページであるコンテンツがモーダルの背後に移動するため、これを無効にしたいということです。モーダルを開いたとき、背景は固定されているはずです。オープンモーダルボックス × 当社では木工に対する情熱を持っており、それはすべての製造およびインテリア デザイン プロジェクトに表れています。弊社は、機能的であるだけでなく美しい $(document).r のカスタム木製家具、備品、アクセントの製作を専門としています。

P粉090087228 2023-08-18 00:15:20 0  1  531

画面サイズに合わせたボタンの作り方～背景画像の使い方を詳しく解説

私は、複数のグラフィックスを並べて表示し、デバイスの画面サイズに適応させる必要がある pfsensecaptiveportal を開発しています。これは、画像入力タイプを使用するとうまく実現できます。ただし、pfsense デバイスはこのコミットを正しく認識しません。機能するには、コミット タイプの値が「Continue」である必要があります。代わりに背景画像を使用しようとしましたが、背景画像が拡大縮小されません。画面が小さくなると、フルサイズで表示され、トリミングされて表示されます。背景画像のサイズを変更できるようにするにはどうすればよいですか? #コンテンツ{フォントファム

P粉345302753 2023-08-16 13:38:12 0  1  632

JavaScript - クリック イベントのバグ。何が問題だったのかわかりません。

1.絵を口の右側までスクロールし、すぐに左矢印をクリックすると虫眼鏡機能が無効になりますが、それ以外の場合はどこをクリックしても問題ないようです。問題がどこにあるのかわかりません。stop() と clearQueue() を使用しましたが、効果がありません。html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  994

バージョン管理ツール - ネストされた Git ウェアハウスにどう対処するか?

背景 私の小規模なデモの一部は、すでに git リポジトリによって管理されています。これらのフォルダー名は DemoA、DemoB、DemoC です。現在、これらのデモを大きな空の倉庫に手動で配置して管理しています。この空のウェアハウスに対応するフォルダーの名前は Demos です。この場合、現在の構造は次のとおりです。

淡淡烟草味 2017-05-02 09:24:29 0  1  641

css - float 要素が落ちる問題を解決する方法

この効果を実現したいのですが、現在のコードは次のようなものです {code...} {code...} を変更した後、それを解決する方法を知りたいです。幅を縮小するには、div の背景画像が表示されます。写真を比例的に拡大縮小する方法はありますか?

怪我咯 2017-05-16 13:36:42 0  7  1222

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

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

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

JavaScript - IOS WeChat オーディオ タグはタッチエンド経由で再生できません

小さな h5 ゲームを作成するには、ボタンを押したままにして、効果音を再生するために放す必要があります {コード...} IOS メカニズムはユーザーが手動でトリガーする必要がありますが、これは私にとっては正しいと考えられます。わかりませんが、タッチスタートを使えば普通にプレイできます どなたか説明していただけるか、解決策を教えていただければ幸いです...

给我你的怀抱 2017-06-30 09:56:15 0  2  961

object-c -transitionWithView が UIView を反転するときにビューの色が薄くなる問題をキャンセルするにはどうすればよいですか?

カードの表裏を反転するようなアニメーションを作りたい場合、UIViewのtransitionWithViewメソッドを使用すると、反転したビューの色が暗くなり、ビューの背景色が白い場合、ちらつきやチラツキが発生します。反転すると中心線が黒くなり、効果が非常に悪いので、アドバイスをお願いします。

三叔 2017-06-21 10:11:50 0  1  1082

TypeError: ThreeJs を使用して未定義のプロパティを読み取ることができません (「位置」を読み取ります)

Web サイトのヒーロー セクションの背景に 3D モデルを統合しようとしています。これは機能しますが、ウィンドウ サイズを手動で変更すると、3D モデルが新しいサイズに適応しないだけです。 1 つ目の問題に関連する可能性があるもう 1 つの問題は、コンソールに次のエラー メッセージが表示されることです。これは、「two.js」ファイルのコードの 69 行目を参照しています。 コンソールに次のエラー メッセージが表示されます。「My The first task」 3D モデルが画面サイズに適応しない問題を解決することです。エラー メッセージに関しては、まだ動作するかどうかは問題ではありません...

P粉760675452 2024-04-01 12:01:52 0  1  555

HTML、CSS、SVG を使用してスケーラブルな標識を作成する

道標（先端のある長方形）の形のボタンを作成したいと考えています。 _______|\|_______/各テキストの長さが異なるテキストを動的にロゴに書き込みたいと考えています。グラフィックのみを背景グラフィックとして使用してこれを試してみると、矢印はそれに応じて拡大縮小および圧縮/伸縮されます。したがって、これを行う方法は、テキストを通常の div に配置し、CSS:after を使用して矢印を SVG として追加することです。矢印は完全に塗りつぶされているはずです。つまり、フレームの問題に対処する必要はありません。 （見やすくするためにSVGを黒のままにしました）最初の問題は、矢印が常にブロ...

P粉555682718 2024-03-31 14:45:14 0  1  459

React を使用して画像上にインタラクティブ マーカーを配置する

助けてください。ホームページには以下のような画像が表示されています（拡大画像）。 「FORGE」の家には、中央に黒い矢印が付いた白と青のマーカーがあることに注意してください。 「賃貸」住宅も同様です。これらのマーカーはそれぞれ、インタラクティブなボタンとして機能します。予想されるインタラクション動作は次のとおりです: ホバーすると、青い背景が拡大して「Forge」または「Rentals」というテキストが表示されます。クリックすると、ユーザーは適切な「Forge」または「Rentals」ページに移動します。また、画面のサイズが変更されたときに応答するようにしたい、

P粉896751037 2023-09-08 21:25:41 0  1  838

React アプリケーションのパフォーマンスの最適化: 多数のプロジェクトをレンダリングする効率的な方法

React アプリケーションを開発していて、項目の大きなリスト (数千行) を表示する必要があります。現在、ユーザーがリストをスクロールしたり項目をフィルターしたりすると、パフォーマンスが非常に遅くなります。 React アプリケーションのパフォーマンスを最適化してユーザー エクスペリエンスを向上させる方法はありますか?いくつかの追加情報: - 項目のリストをレンダリングするために React 関数コンポーネントとフックを使用しています。 - リスト内の各項目には、テキストや画像などの複数のデータ フィールドが含まれます。 -現在、組み込みのマップ関数を使用してアイテムのリストを表示しています...

P粉733166744 2024-01-16 20:43:20 0  1  431

MUI ツールチップの背景色を変更するにはどうすればよいですか?

「?」ユーザーがアイコンの上にカーソルを置くと、テキスト フィールドに入力する必要があるデータの仕様が表示されるようにしたいと考えています。 MUI のデフォルトのホバーはグレーでテキストが白ですが、ホバーを白でテキストをグレーにし、フォントを大きくしたいと考えています。を使用すると、フォントのサイズと色が正常に機能することがわかりましたが、背景色を変更すると、ホバーテキストフィールドの周囲に灰色の境界線が表示されます。これは hover.js コンポーネントです:exportdefaultfunctionHoverTip(prop){const{tip}=pr

P粉147045274 2023-09-04 11:56:50 0  1  836

デバイスの表示モードが暗い場合に、Flutter Web アプリでテキストの色を黒に設定するにはどうすればよいですか?

Flutter で Web アプリを作成しましたが、期待どおりに動作しますが、一部のモバイル デバイス (特に Samsung デバイスのデフォルトのブラウザ、Chrome では正常に動作します) で問題が発生します。ログインページでは、ページの背景色が白、テキストフォームフィールドのテキスト色が黒ですが、テキストフォームフィールドに入力しようとすると、白で表示されます（デバイスの表示テーマがダークの場合）。黒をハードコーディングしようとしましたが、ダークテーマでは機能しません。また、マテリアルアプリの下にテーマを適用しようとしましたが、何も機能しませんでした。

P粉216807924 2023-09-11 20:16:42 0  1  569

Chrome での HTML Web ページのページネーション

フルページの div コンテナの後にページネーションしようとしています。紹介ページを読み込むのと同じように、下にスクロールすると、一種のナビゲーション センターに入ることができます。これはChromeの問題のような気がしますが、ページ区切り項目はEdgeでも機能しません。 <divclass="pagebreak">でタブを閉じた後に改ページしたい。 div には背景、サブタイトル、および大きなタイトルが含まれており、これらはすべて完全なページを埋めます (そして埋めるべきです)。その後、新しいページを強制的に開きたい

P粉041881924 2024-04-02 23:26:08 0  1  560

PHP の一般的に使用される無料のエクスプレス ロジスティクス API クエリ インターフェイスの使用に関するチュートリアル

エクスプレス追跡番号クエリ API は、SF エクスプレス クエリ、郵便エクスプレス クエリ、ZTO エクスプレス クエリなどに接続できます。これらのエクスプレス ロジスティクス会社は、エクスプレス注文番号の自動識別インターフェイスやエクスプレス注文番号のクエリ インターフェイスなどのエクスプレス ロジスティクスを提供します。電子商取引企業や ERP サービス企業にとって、このインターフェイスを自社のソフトウェアに統合することで、企業の競争力が高まります。ただし、大手運送会社ごとに接続したりインターフェースのデバッグを個別に行う必要があり、保守コストが高くつき、管理が不便であるというデメリット...

昨日青空 2019-09-10 17:25:29 0  0  1634

問題 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