diff --git a/packages/desktop/src/events.rs b/packages/desktop/src/events.rs
index 37c491a05..962930ea4 100644
--- a/packages/desktop/src/events.rs
+++ b/packages/desktop/src/events.rs
@@ -105,7 +105,7 @@ fn make_synthetic_event(name: &str, val: serde_json::Value) -> Arc<dyn Any + Sen
             Arc::new(serde_json::from_value::<TouchData>(val).unwrap())
         }
 
-        "scroll" => Arc::new(()),
+        "scroll" => Arc::new(ScrollData {}),
 
         "wheel" => Arc::new(serde_json::from_value::<WheelData>(val).unwrap()),
 
diff --git a/packages/html/src/events.rs b/packages/html/src/events.rs
index 4dd2bc118..8fa7df2cd 100644
--- a/packages/html/src/events.rs
+++ b/packages/html/src/events.rs
@@ -250,9 +250,6 @@ pub mod on {
             /// onmouseout
             onmouseout
 
-            ///
-            onscroll
-
             /// onmouseover
             ///
             /// Triggered when the users's mouse hovers over an element.
@@ -262,6 +259,11 @@ pub mod on {
             onmouseup
         ];
 
+        ScrollEvent(ScrollData): [
+            ///
+            onscroll
+        ];
+
         PointerEvent(PointerData): [
             /// pointerdown
             onpointerdown
@@ -897,6 +899,11 @@ pub mod on {
         }
     }
 
+    pub type ScrollEvent = UiEvent<ScrollData>;
+    #[cfg_attr(feature = "serialize", derive(serde::Serialize, serde::Deserialize))]
+    #[derive(Debug, Clone)]
+    pub struct ScrollData {}
+
     pub type MediaEvent = UiEvent<MediaData>;
     #[cfg_attr(feature = "serialize", derive(serde::Serialize, serde::Deserialize))]
     #[derive(Debug, Clone)]