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

So scrollen Sie beim Bildschirmwechsel in React JS und Lenis Smooth Scrolling zurück nach oben

Ich verwende Lenis, um reibungsloses Scrollen zu implementieren, und ich habe eine ScrollToTop.js-Datei, die ich in meiner App.js verwende. Es funktioniert gut, wenn die Seite nicht scrollt, aber wenn ich auf eine Schaltfläche klicke, die mich zu einer anderen Seite führt und das „sanfte Scrollen“ s...

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

javascript - Wie überwache ich den Abstand zwischen der horizontalen Bildlaufleiste und dem linken Bildlauf in nativem JS?

Überwachen Sie den Bildlaufabstand der horizontalen Bildlaufleiste von links

我想大声告诉你 2017-05-19 10:08:22 0  2  590

javascript - Dropload+Tab-Seite, wie kann man die beiden Bildlaufbereiche beim Scrollen auf Grafik- und Textseiten unterbrechen?

Wie kann ich so etwas mit zwei Bildlaufleisten unterbrechen? Derzeit scrollt die Bildlaufleiste beim Berühren der inneren Bildlaufleiste. und der obere Bannerbereich bewegt sich nicht.

伊谢尔伦 2017-06-08 11:03:15 0  1  866

CSS-Problem: Horizontales Scrollen (overflow-x:scroll) funktioniert nicht

Ich habe 3 „Seiten“ und möchte sie horizontal scrollen. Ich habe erfolgreich eine horizontale Bildlaufleiste erstellt, aber wenn ich mit dem Mausrad nach oben/unten scrolle, passiert nichts. So sieht mein Container aus: body.container{width:100%;height:100%;scroll-snap-type:xmandatory;overflow-x:scr...

P粉295616170 2024-03-29 16:06:18 0  1  446

So wenden Sie CSS nur auf die horizontale Bildlaufleiste an

Ich bin ein neuer Praktikant und sie haben mir eine einfache Aufgabe gegeben: Personalisieren Sie die horizontale Bildlaufleiste. Ich habe diesen Code, aber die vertikale Bildlaufleiste verschwindet ... Ich möchte, dass sie standardmäßig in vertikaler Richtung angezeigt wird ... nur horizontal scrol...

P粉276876663 2024-04-01 16:25:15 0  2  379

Javascript – Problem beim Scrollen

1. https://www.kayak.com.hk/holi... Der Haupteffekt ist der Effekt dieser Website. Wenn die Bildlaufleiste verschoben wird, scrollt das Div auf der rechten Seite nach unten und das Div auf der linken Seite scrollt ebenfalls entsprechend. Da das Div auf der linken Seite jedoch zu lang ist, muss der o...

过去多啦不再A梦 2017-06-26 10:55:45 0  4  937

Vue horizontales Scrollen

Ich möchte das Symbol horizontal mit der Maus scrollen. Ich habe es mit scrollLeft in Javascript versucht, aber der Wert ändert sich beim Scrollen nicht. Beim Scrollen ändert sich nur der deltaY-Wert zwischen 100 und -100. Weiß jemand, wo das Problem liegt? Es funktioniert, wenn ich scrolle und mit ...

P粉755863750 2024-03-25 21:06:27 0  2  486

Wie kann man dafür sorgen, dass ein Slick-Slider kontinuierlich automatisch abgespielt wird, aber das Scrollen beim Klicken auf einen Pfeil/einen Punkt beschleunigt?

Ich möchte einen Slider erstellen, der automatisch kontinuierlich abgespielt wird. Es funktioniert gut, aber die Pfeile und Punkte scheinen nicht richtig zu funktionieren. Ich bin mir nicht sicher, welche Einstellungen ich ändern soll, aber ich möchte, dass der Schieberegler sofort nach dem Klicken ...

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

So gleiten Sie horizontal

Bei den Fällen handelt es sich grundsätzlich um vertikales Scrollen. Können Sie einen Fall von horizontalem Scrollen anführen?

况青 3D VR售楼展示**开发 2019-08-07 11:56:25 0  1  1366

Scroll-Fortschrittsanimation

Ich muss wissen, wie man den Scroll-Fortschritt animiert. Dabei handelt es sich nicht um den normalen Scroll-Fortschritt, sondern um etwas anderes. Ich stelle einen Link zur Website sowie einen Screenshot des spezifischen Teils bereit, der die von mir gesuchte Animation enthält. https://todoist.com/...

P粉821808309 2024-03-29 19:36:49 0  1  396

Erweitern Sie die MJML-Tabelle mit horizontalem Scrollen und fügen Sie einen Überlauf hinzu

Ich verwende mjml, um eine E-Mail-Vorlage zu erstellen, die eine Tabelle enthält. Außerdem ist der Header-Name sehr lang und die Tabelle wird horizontal zu groß. Ich möchte, dass es im blauen Container horizontal scrollt, aber das geht nicht. Wie mache ich es scrollbar? Dies ist der Live-Code von mj...

P粉464088437 2024-03-27 22:43:41 0  1  426

Verhindern Sie das Scrollen der Bildlaufzeile beim Überqueren eines Blocks

Ich habe 3 Blöcke, der zweite Block hat eine Linie und einen Scrollkreis. Die Kreise scrollen zusammen mit der Hauptrolle, und wenn die Rolle stoppt, bleiben die Kreise am nächsten Punkt, d. h. in der Mitte jedes Blocks. Aber ich stehe hier vor diesem Problem, wenn die Hauptrolle durch den zweiten B...

P粉038856725 2024-03-29 23:23:06 0  1  360

Verwenden Sie das Mausrad zum Zoomen der Seite und klicken und ziehen Sie, um die Seite zu verschieben

Wie erstelle ich mit dem Mausrad Scroll- und Schwenkeffekte für die gesamte Seite? Im Prinzip wie bei jedem 2D-Editor: Scrollen Sie zum Zoomen und klicken und ziehen Sie zum Schwenken, aber für den gesamten Körper. Ich kann online keine Informationen darüber finden.

P粉308783585 2024-03-26 14:11:27 0  1  327

javascript - Wie kann ich Partitionsscrollen auf der mobilen Seite implementieren?

Ich möchte fragen, wie ich verschiedene Bereiche auf dem mobilen Endgerät implementieren kann, um eigene Bildlaufleisten und Verknüpfungen zu erhalten. Wie kann ich dafür sorgen, dass das Menü und die entsprechenden Lebensmittel eigene Bildlaufbereiche haben? Ich kann versuchen, es selbst zu impleme...

迷茫 2017-05-19 10:30:54 0  2  490

javascript – Wie man eine PC-Website dynamisch erscheinen lässt, während die Maus scrollt

Dies ist die Demo-URL: http://demo.cssmoban.com/csst... Wie lässt sich der Inhalt der Webseite dynamisch anzeigen, wenn der Mausball gleitet?

習慣沉默 2017-06-13 09:24:09 0  6  923

So implementieren Sie das interne Scrollen von Inhalten in React, während Sie die gesamte Seite scrollen

Ich möchte in React eine Logik erstellen, die zuerst den untergeordneten Inhalt scrollt, wenn die ganze Seite gescrollt wird. Sobald der Unterinhalt vollständig gescrollt ist, wird er zum nächsten Abschnitt verschoben. Beispiel: Ich habe drei Abschnitte: A, B und C. Die Höhe jedes Abschnitts beträgt...

P粉823268006 2023-09-06 18:19:42 0  1  522

Scroll-Offsethtml

Ich versuche etwas in HTML und CSS zu machen, bin mir aber nicht sicher, ob es tatsächlich funktioniert. Ich möchte sicherstellen, dass ich beim Scrollen eine Art „Verzögerung“ hinzufüge, z. B. indem ich das Scrollen verlangsame, um es weicher zu machen. Bei einigen Websites ist dies der Fall. Ich h...

P粉205475538 2023-08-17 23:52:56 0  1  493

javascript - Wie kann ich das Gleiten des Mobiltelefonbildschirms und den Abstand vom oberen Rand des Gleitbildschirms überwachen?

Wie kann man das Verschieben des Mobiltelefonbildschirms überwachen und die Scrollentfernung von oben berechnen? {Code...} Was ich so schreibe, ist immer 0? Überwachungsscroll hat keine Auswirkung! Frag Gott

黄舟 2017-05-19 10:11:07 0  4  642

Javascript – Ideen für die Implementierung der JS-Bildlaufleiste

Ich habe das Vue2.0-Bildlaufleisten-Plug-in nicht gefunden. Ich wollte JS verwenden, um die Bildlaufleiste zu implementieren. Ich habe mehrere JS-Plug-ins für die Bildlaufleisten-Implementierung gefunden. Ich würde gerne fragen, ob irgendein Meister den Scroll-Barcode manuell geschrieben hat? Oder g...

PHP中文网 2017-06-12 09:32:11 0  4  826