css3 – CSS-Übergangseffekte, die dazu führen, dass Text unscharf oder zittert?

Gehen wir direkt zum GIF: Code: Vorlage: {code...} CSS: {code...} Einige irrelevante Stile wurden entfernt. Die derzeit bekannte Situation ist der Übergangseffekt des kleinen Dreiecks auf der rechten Seite Dropdown-Feld in Chrome. Dies führt dazu, dass der Text unscharf wird und wackelt.

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

Verschieben Sie unter bestimmten Bedingungen die Position des V-Textfeld-Textes

Ich verwende Vue.js und Vuetify. Habe eine interessante Szene erlebt. Ich habe also drei Optionen (Optionsfelder) links in der Mitte rechts und ich habe ein V-Textfeld mit einem bestimmten Textwert und einem schreibgeschützten Attribut. Wenn sich nun die Option ändert/auswählt, möchte ich die Positi...

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

JavaScript scrollt nur im Ansichtsfenster in die Ansicht

Ich habe ein Modell erstellt (beachten Sie, dass beim Abspielen des Videos Abstände verwendet werden, wenn zu einer neuen Textzeile gescrollt wird). Ich verwende scrollIntoView mit Block: 'nearest'. Das Problem besteht darin, dass die Seite immer noch gescrollt wird, da die gesamte Seite scrollbar i...

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

Gibt es eine Möglichkeit, bei Verwendung des Scrollrads eine reibungslose Scroll-Animation zu erzielen?

Ich versuche, dafür zu sorgen, dass sich die Seite beim Scrollen reibungslos bewegt und nicht so „ruckartig“, wie es bei Verwendung des Scrollrads der Fall ist. Die meisten Quellen, die ich in diesem Zusammenhang gesehen habe, beinhalten sanftes Scrollen beim Klicken auf eine Schaltfläche oder einen...

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

Chrome hat manchmal Probleme mit der Scrollfunktion

Ich habe ein Scroll-Problem auf meiner Website und verstehe den Grund nicht. Nur in Chrome funktioniert das Scrollen manchmal nicht. Ich habe versucht, den gesamten von mir geschriebenen Code zu deaktivieren, aber das Problem besteht weiterhin. Auf Safari funktioniert das Scrollen einwandfrei. https...

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

javascript – Nach der Implementierung des horizontalen Scrollens auf dem mobilen Endgerät gibt es ein Problem mit dem Zeilenumbruch. Bitte geben Sie mir einen Rat.

Wie in der Abbildung gezeigt, müssen zwei Etiketteninhalte nebeneinander angezeigt werden. Jetzt muss ein gleitender Anzeigeeffekt festgelegt werden, wenn der zweite Etiketteninhalt die Breite überschreitet. Der ursprüngliche Effekt ist so. Wenn es zu viele Wörter gibt, möchte ich sie in eine Zeile ...

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

Erstellen Sie mit Vue.js benutzerdefinierte Schaltflächen für die Foliennavigation in Swiper

Ich muss die Standardnavigation (nextEl, prevEl) entfernen und die Schaltfläche mit dem Text „Next Slide Button“ zur nächsten Folie scrollen lassen <swiperclass="news-slider":sliderd-per-view="1" :modules= "[Navigation,Pagination,A11y,Lazy]"navigation="navigat

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

Die abgeschnittenen Klassen von TailwindCSS werden nicht verwendet, was zu viel horizontalem Scrollen führt

Ich habe Probleme bei der Verwendung der Tailwindstruncate-Klasse: https://tailwindcss.com/docs/text-overflow#truncate Dies scheint ein superintelligentes Dienstprogramm zu sein, aber der Browser scheint alles zu tun, um den Text nicht abzuschneiden – einschließlich Super Long Horizontal Scrollen, d...

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

gvim – Wie halte ich den Cursor beim Umblättern (Scrollen) in vim an einer festen Position auf dem Bildschirm?

Wenn vim Seiten umblättert (scrollt), bewegt sich der Standardcursor an den oberen Bildschirmrand oder an den unteren Bildschirmrand. Ich hoffe, die Position auf dem Bildschirm unverändert zu lassen, d. h. nur den Text zu verschieben, nicht aber den Cursorposition (relativ zum Bildschirm). Wie errei...

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

angular.js - angular 怎么实现动态添加repeat标签

{代码...} 动态添加上文的字符串，怎么才能让它生效，实现动态绑定。 大概代码如下 {代码...}

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

Optimieren der Leistung von React-Anwendungen: Eine effiziente Möglichkeit, eine große Anzahl von Projekten zu rendern

Ich entwickle eine React-Anwendung und muss eine große Liste von Elementen (Tausende Zeilen) anzeigen. Derzeit ist die Leistung sehr langsam, wenn der Benutzer durch die Liste scrollt oder Elemente filtert. Gibt es eine Möglichkeit, die Leistung meiner React-Anwendung zu optimieren, um die Benutzere...

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

Wie entferne ich die Übergangsverzögerung beim Vue-Übergang?

Ich verwende Vue, um ein Textfeld so zu animieren, dass es nach oben verschoben und eingeblendet wird, wenn die Maus über einem Bild schwebt. Die Animation ist korrekt, es gibt jedoch eine leichte Verzögerung, bevor sie startet. Ich möchte, dass das Textfeld reibungslos verläuft und sofort eingeblen...

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

Das Browsersync-Testtool für die Browsersynchronisierung funktioniert nicht ordnungsgemäß

Das Browsersync-Testtool für die Browsersynchronisierung wurde installiert, aber die Testergebnisse sind ungültig. Ändern Sie den Code im Texteditor. Nach dem Speichern ändert sich der Inhalt der Webseite nicht und Sie müssen ihn trotzdem manuell aktualisieren f5 warum

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

Wie kann ich dafür sorgen, dass sich Text beim Klicken in ein neues Element (z. B. eine Trennlinie) verwandelt?

Ich versuche eine Möglichkeit zu finden, bestimmte Texte auf der Seite beim Klicken in Trennzeichen/neue Elemente umzuwandeln. Ich weiß nicht, wie ich es erklären soll, aber stellen Sie sich ein Bild mit einem Titel darunter vor – klicken Sie auf den Titel, und dann wird das Bild oben zu einem Textf...

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

Passen Sie die Höhe scrollbarer Inhalte dynamisch an (Ion Page, React)

Angenommen, Sie haben Text auf Ihrer ionicReact-Seite, der sehr groß ist und Sie möchten, dass er scrollt, anstatt die gesamte Seite auszufüllen. Dann hilft der folgende Stil sehr: &lt;divstyle={{overflow:'auto',flex: '11auto', height:'200px'}}&gt;SomeText&lt;/&gt;Aber nehmen wir an,...

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

Wenden Sie das Attribut „margin' auf das Element „fixed' und „z-index: 1' an

Es gibt eine Liste und ein Kommentarfeld. Das Kommentarfeld ist am Ende der Seite fixiert. Wenn die Liste lang ist, wird das Scrollen der Seite angewendet. Ich möchte, dass das Ende der Liste immer einen gewissen vertikalen Abstand vom oberen Rand des Kommentarfelds hat. Natürlich könnte ich das Att...

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

Trimmen und berechnen Sie die Mobiltelefonnummer im Textfeld des PHP-Formulars

Ich habe ein Textfeld in meinem Formular, in das ich eine Mobiltelefonnummer kopieren und einfügen kann. Eine Nummer pro Zeile, so kann ich Hunderte von Mobiltelefonnummern kopieren und einfügen, um sie in diesem Formular einzureichen. Ich möchte das Feld kürzen, nach dem Kopieren und Einfügen möcht...

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

Verwenden Sie einen speziellen Cursor, um den Text beim Schweben zu ändern

Bitte zeigen Sie mir, wie ich den Text beim Schweben ändern kann, ähnlich wie auf der Monopo-Website. Ich brauche keinen Hintergrund. Sie benötigen lediglich einen einfachen kreisförmigen Effekt (z. B. einen farbigen Hintergrund) und Textänderungen. Wenn möglich, möchte ich außerdem, dass der Effekt...

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

Wie stelle ich die Textfarbe in der Flutter-Web-App auf Schwarz ein, wenn der Anzeigemodus des Geräts dunkel ist?

Ich habe eine Web-App in Flutter erstellt und sie funktioniert wie erwartet, aber ich habe auf einigen Mobilgeräten Probleme damit (insbesondere mit dem Standardbrowser auf Samsung-Geräten, auf Chrome funktioniert er einwandfrei). Auf der Anmeldeseite ist die Hintergrundfarbe meiner Seite weiß und d...

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

javascript – Sonderzeichen in H5-Seiten sind auf einigen Android-Telefonen verstümmelt (__ีุ_-ยู -----> __⊠-⊠⊠)

Die h5-Seite wird im Firmenclient angezeigt. Sonderzeichen wie „__ีุ_-ยู“ werden verstümmelt und zu „__⊠-⊠⊠“, aber im mobilen Browser wird sie normal angezeigt. ;Zeigt, dass auf dem Oppo A59s alles einwandfrei funktioniert. Meta-Tag: {code...}.

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