css3 - CSS トランジション効果によりテキストがぼやけたりジッターしたりすることがありますか?

コード: テンプレート: {code...} CSS: {code...} いくつかの無関係なスタイルは削除されています。現在知られている状況は、右側の小さな三角形のトランジション効果です。 Chrome のドロップダウン ボックス。これにより、テキストがぼやけてジッターが発生します。backface-visibility: hidden; を追加すると、テキスト...

ringa_lee 2017-05-24 11:35:53 0  2  2456

スクロール ホイールを使用するときにスムーズなスクロール アニメーションを実現する方法はありますか?

ページをスクロールするときに、スクロールホイールを使用したときの「飛び跳ねる」方法ではなく、スムーズに移動するようにしようとしています。私がこれに関連して見たソースのほとんどは、react-scroll が提供するもののように、ボタンまたはリンクをクリックしたときのスムーズなスクロールを伴いますが、私は特にホイール スクロールのスムーズな効果を実現したいと考えています。 MaterialUI テーマを通じてこれを実現する方法はありますか、それともこれに役立つ React パッケージはありますか?

P粉118698740 2023-08-16 16:40:27 0  1  619

Chrome ではスクロール機能に問題が発生することがあります

サイトでスクロールの問題が発生していますが、その理由がわかりません。 Chrome のみでスクロールが機能しないことがあります。作成したすべてのコードを無効にしてみましたが、問題は解決しません。 Safariではスクロールも問題なく動作します。 https://mirkomina.com/ 問題を引き起こす具体的なものはないようです。つまり、カーソルを離れると問題が発生する特定の場所が見つかりません。自分が書いたコードをすべて削除し、スクリプトを無効にしてみました。

P粉817354783 2024-03-29 00:21:20 0  1  454

javascript - モバイル端末で横スクロールを実装後、行の折り返しが発生する問題があるのでアドバイスをお願いします。

図に示すように、並べて表示する必要があるラベル コンテンツが 2 つあり、2 番目のラベル コンテンツが幅を超える場合にスライド表示効果を設定する必要があります。本来のエフェクトはこんな感じで、文字数が多すぎると2行になってしまうのですが、これを1行にして余分な部分はスクロールさせたいのでこんな感じで書きました。しかし...

某草草 2017-06-12 09:25:32 0  1  614

gvim - vim でページをめくる (スクロールする) ときにカーソルを画面上の固定位置に保つにはどうすればよいですか?

vim がページをめくる (スクロールする) と、デフォルトのカーソルが画面の上部または下部に移動します。画面上の位置は変更されないようにしたいと考えています。つまり、テキストのみを移動し、テキストは移動しないようにします。カーソル (画面を基準とした) の位置。 これを達成するにはどうすればよいでしょうか?アドバイスをお願いします。よろしくお願いします。

给我你的怀抱 2017-05-16 16:36:15 0  5  1178

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

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

P粉986028039 2023-09-17 21:44:03 0  1  676

PHPフォームのテキストエリアフィールドで携帯電話番号をトリミングして計算します

フォームに携帯電話番号をコピーして貼り付けることができるテキストエリアフィールドがあります。 1 行に 1 つの番号を入力します。このように、何百もの携帯電話番号をコピーして貼り付けて、このフォームに送信できます。フィールドをトリミングしたいのですが、コピー＆ペーストした後、10桁だけを保持したいのです。有効な 10 桁の数字のみを保持し、その他の無効な数字はすべてフィールドから自動的に削除する必要があります。コピーして貼り付けるだけでなく、数字を貼り付けた後に数字を入力することもできます。例: この数値をこのテキストエリア フィールドに貼り付けると、984801234599491234509...

P粉883278265 2024-03-31 08:46:11 0  1  439

php - URLをより美しくするには?

中国語の Web サイトをレンダリングして、一部の特殊文字を "-" に変換したいのですが {code...} このように、時々 "--" が 2 つ表示されることがあります。文字列に "-" が 3 つ以上あることを想定する方法-" とすると、自動的に "one" になります。 xx-x--xxxx--xxx は、xx-x-xxxx-xxx になります。そして、文字列が終了すると仮定すると...

迷茫 2017-06-12 09:21:22 0  1  816

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

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

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

タブを切り替える効果（それに伴ってテキストの内容も変化します）を作成するにはどうすればよいですか

写真のように、このようなラベル切り替え効果を作りたいのですが、どうすればよいでしょうか?ご指導ください。

yuippp 2019-09-10 11:35:49 0  2  1277

埋め込み/iframe は常にフルハイト

「高さ」が異なる複数の HTML ファイルを埋め込みました。埋め込みコンテンツの代わりに親をスクロールできるように、埋め込みコンテンツが常に親 div を埋めるようにしたいと考えています。埋め込みコンテンツの高さよりも大きいコンテンツ ラッパーの特定の高さを設定すると、機能します。唯一の問題は、コンテンツが異なるため、特定の高さが他の埋め込み HTML ファイルと一致せず、多くのデッドスペースが残ることです。コンテンツ ラッパーを埋め込みコンテンツの高さに合わせて拡大縮小するにはどうすればよいですか? <bodyonload="数学主題

P粉021553460 2024-03-31 09:50:18 0  1  564

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

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

P粉872101673 2024-04-04 11:21:03 0  1  3824

Vite React プロジェクトを保存するたびに、既存のキャンバス要素を置き換えるのではなく、新しいキャンバス要素がページ本文に追加されるのはなぜですか?

ThreeJs の学習を始めようとしています (JavaScript Web 開発も初めてです)。いくつかのチュートリアルを見た後、Vite と React から始め、次に基本的な回転立方体から始めました。この部分は機能します。しかし、vite について読んだところによると、作業中のファイルを保存するだけでページに再ロードできるはずです。しかし実際にはそうではありません。ページのコンテンツを確認したところ、ファイルを保存するたびに、(既存のキャンバス要素を置き換えるのではなく) 2 つの同じキャンバス要素がページ本文に追加されます。つまり、それを確認するにはページの一番下までスクロールする必要...

P粉186904731 2024-03-30 09:57:49 0  1  531

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

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

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

ディレクトリ内のファイルの大文字と小文字を区別しないように nginx を設定する方法

キャッシュは動的に生成されるため、URL を通じてこれらのキャッシュ ファイルを直接読み取る方が効率的です。ただし、キャッシュ文字はすべて小文字です。たとえば、http://xxx/ooo/abc.jpg ユーザーが http://xxx/ooo/ABC.jpg を読み取ると、キャッシュが見つかりません (エラーが報告されます)。ooo/ でのみ検索するにはどうすればよいですか? ...

给我你的怀抱 2017-05-16 17:28:49 0  3  850

入力フィールドがコンテンツを完全に表示するのに十分な幅であることを確認するにはどうすればよいですか?

多くの列を持つテーブルで Vuetify テキストフィールド コンポーネントを使用しています。コンポーネントに含まれるコンテンツが多すぎて表示できない可能性があり、ユーザー エクスペリエンスの観点から、セルが多い場合、フィールド内をスクロールしてコンテンツを検査すると時間がかかりすぎます。純粋な HTML の例 Vuetify の例 最初に考えたのは (より良いアイデアがある場合はお知らせください)、コンテンツ全体を表示するツールチップを表示することでしたが、コンポーネントがコンテンツ全体を表示できる場合、これは煩わしいでしょう。したがって、コンテンツが非表示または切り捨てられている場合にのみ...

P粉014218124 2023-09-02 22:36:56 0  2  583

私のウェブサイトはデスクトップでは正常に表示されますが、モバイル画面では表示されません

私は HTML/CSS を使用して個人の Web サイトをデザインしています。ただし、テキストは携帯電話に合わせて拡大縮小されません。下の写真を参照してください。 Web サイトはデスクトップでは見栄えがしますが、モバイル デバイスではうまく表示されません。 Google ドライブの埋め込みが携帯電話の画面に収まりません。私の携帯電話には GGDPPDF が埋め込まれていると表示されます。この問題を解決するにはどうすればよいですか?どうもありがとう。これが私のコードです: HTML<!DOCTYPEhtml><html><head><title>...

P粉827121558 2024-03-30 15:09:41 0  1  530

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

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

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

JavaScript の基本メモ

JavaScript1. JS と DOM の関係. ブラウザには HTML コードをレンダリングする機能があります. HTML ソース コードはメモリ上で DOM オブジェクト (ドキュメント オブジェクト) に形成されます. 内部には JS インタプリタ/実行/エンジンがあります例えば、chrome は v8 エンジンを使用しています html に JS コードを記述します JS コードがエンジンによって実行され、その実行結果が DOM の動作となる、などの特殊効果がよく見られます。画像が浮かんだりテキストの色が変わったりするので、ブラウザが実行するとHTMLコードに遭遇し、レンダリング、...

只是没有如果 2018-11-19 20:33:14 0  0  1120