Maus "Klicken und Drücken" Scrolling-Verhalten und CSS Scroll-SNAPCSS

CSS verstehen
Guest
 Maus "Klicken und Drücken" Scrolling-Verhalten und CSS Scroll-SNAP

Post by Guest »

Ich erstelle eine einfache Slider-Animation, die mit nativem CSS-Scroll-SNAP und einem Scroll-EventListener gesteuert wird.
Ich versuche, ein Klick und das Ziehen von Verhalten auf dem Desktop hinzuzufügen. Leider funktioniert CSS Scroll-SNAP nicht gut, wenn der Scrollleft-Wert über JavaScript aktualisiert wird. -Typ: Keine; Wenn der Benutzer mit dem Ziehen beginnt, aber die glatte Schnappanimation entfernen. Verwenden der Maus. eines Scroll-SNAP-Typs: x obligatorisch; Element bei der Durchführung der Schnappanimation. Version des Beispiels mit Mausereignissen mit < /p>

Code: Select all

el.scrollTo({
left: newScrollLeft,
behavior: 'smooth'
})
Auf dem Mauseup Ereignis und Umschaltung der Scroll-Snap-Eigenschaft. /B3BC58F943768F5276563AE7077E41E0? Editors = 0100
Es ist ziemlich nah an dem, was ich möchte, aber es fehlt immer noch den Vorhandensein der Scroll -Impuls, wenn sie eine normale Schriftrollen -Geste verwenden.

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post