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

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

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

特定の条件下で、v-text-field テキストの位置を移動します。

Vue.js と Vuetify を使用しています。面白い場面に遭遇しました。したがって、左中右の 3 つのオプション (ラジオ ボタン) があり、特定のテキスト値と読み取り専用属性を持つ v-text-field があります。ここで、オプションが変更または選択されたときに、v-text-field 内のテキストの位置を変更したいと思います。たとえば、オプション 1 (左) の場合、テキストは v-text-field 内で左に移動する必要があります。オプション 2 (中央) を使用すると、テキストは中央に移動する必要があります。などなど。これに関する提案があれば。もっと良い方法があれば、ご指...

P粉041856955 2023-08-28 21:40:26 0  2  570

JavaScript はビューポート内でのみ IntoView をスクロールします

モックアップを作成しました (ビデオの再生中に新しいテキスト行にスクロールするときにスペースが使用されることに注意してください)。ブロック「nearest」でscrollIntoViewを使用しています。問題は、ページ全体にスクロールがあるため、ページがスクロールされてしまうことです。 Linesdiv 内のアクティブなテキスト行までスクロールしたいだけです (ビュー内にある必要はありません)。 「ビデオ」div を見ていると、下にスクロールし続けるためです (これは望ましくない動作です)。 vartext=document.querySelector('.

P粉011684326 2023-09-11 16:33:49 0  1  504

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

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

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

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

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

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

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

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

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

Vue.js を使用して Swiper でスライド ナビゲーション用のカスタム ボタンを作成する

デフォルトのナビゲーション (nextEl、prevEl) を削除し、「次のスライド ボタン」というテキストのボタンを次のスライドにスクロールする必要があります <swiperclass="news-slider":sliderd-per-view="1" :modules= "[ナビゲーション,ページネーション,A11y,Lazy]"navigation="navigat

P粉035600555 2023-11-02 14:42:51 0  1  727

TailwindCSS の切り捨てられたクラスは使用されないため、大量の水平スクロールが発生します

Tailwindstruncate クラスの使用で問題が発生しています: https://tailwindcss.com/docs/text-overflow#truncate これは非常にスマートなユーティリティのように見えますが、ブラウザーはテキストを切り詰めないように何かを行うようです (超長い水平文字も含む)スクロールする場合、これは絶対に望ましくないことです。ブラウザが切り詰められたテキストに対して寛容になるようにするにはどうすればよいですか?

P粉733166744 2024-03-30 18:26:21 0  1  398

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

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

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

angular.js - angular で繰り返しタグを動的に追加する方法

{コード...} 上記の文字列を動的に追加して有効にし、動的バインディングを実現する方法。 おおよそのコードは次のとおりです {code...}

ringa_lee 2017-05-15 16:56:15 0  2  511

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

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

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

Vue トランジションのトランジション遅延を削除するにはどうすればよいですか?

Vue を使用して、マウスを画像の上に置くとテキスト ボックスが上に移動してフェードインするようにアニメーション化しています。アニメーションは正しいですが、開始するまでにわずかな遅延があります。画像をホバーするとテキスト ボックスがスムーズにフェードインし、上に移動し始めるようにしたいと考えています。テキスト ボックスは適切にフェードアウトし、カーソルが離れると下に移動します。テンプレート:`{{バッジ[アイテム].説明}}`、メソッド:{hoverStart(i){this.hoveredIndex=i;}、

P粉757432491 2023-08-17 17:36:49 0  1  506

browsersync ブラウザ同期テスト ツールが正しく動作しない

browsersync ブラウザ同期テスト ツールがインストールされていますが、テスト結果が無効です。理由は何ですか? テキスト エディタでコードを変更してください。保存後、Web ページのコンテンツは自動的に変更されず、手動で更新する必要があります。 f5 なぜ

LordVoldemort 2017-12-13 15:50:21 0  0  1409

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

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

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

スクロール可能なコンテンツの高さを動的に調整する (Ion Page、React)

ionicReact ページに非常に大きなテキストが含まれているため、ページ全体を埋めるのではなくスクロールさせたい場合は、次のスタイルが非常に役立ちます: &lt;divstyle={{overflow:'auto',flex: '11auto', height:'200px'}}&gt;SomeText&lt;/&gt;しかし、たとえば次のようなコンテンツとフッターを含むページがあるとします。&lt;IonPage

P粉478835592 2023-09-07 18:08:44 0  1  647

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

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

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

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

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

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

特別なカーソルを使用してホバー時にテキストを変更します

monopo の Web サイトと同様に、ホバー時にテキストを変更する方法を教えてください。背景なんて必要ないんです。必要なのは、単純な円形の効果 (色付きの背景など) とテキストの変更だけです。また、できれば「about」という名前のdiv内でのみエフェクトが有効になるようにしたいです。ウェブサイトリンク：https://monopo.london/

P粉665427988 2023-09-05 23:47:42 0  1  560

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

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

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

JavaScript - 一部の Android スマートフォンでは、h5 ページの特殊文字が文字化けします (__ีุ_-ยู -----> __⊠-⊠⊠)

Xiaomi 5/Huaweiではh5ページを表示すると「__ีุ_-ยู」などの特殊文字が文字化けして「__⊠-⊠⊠」となってしまいますが、モバイルブラウザでは正常に表示されます。 ;oppo A59s ですべてが正常に動作することを示しています: {code...}

伊谢尔伦 2017-05-16 13:29:11 0  2  849