Update javascript.js

javascript.js

@@ -8,8 +8,7 @@ function gradioCustomJS() {
     	event.preventDefault()
     	const scrollLeft = tabNav.scrollLeft + event.deltaY
     	tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth))
-    })*/
-    
+    })
     tabNav.addEventListener("mouseover", () => {
     	tabNav.addEventListener("wheel", (event) => {
     		event.preventDefault()
@@ -26,5 +25,25 @@ function gradioCustomJS() {
     		tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth))
     	})
     })
+    */
+    
+    // Funktion, um die Scroll-Richtung des Mausrads zu übersetzen
+		function translateMouseWheel(e) {
+		  if (e.type === 'wheel') {
+			if (e.target.closest("#component-153 > div.tab-nav.svelte-1uw5tnk")) {
+			  if (e.deltaY > 0) {
+				e.target.closest("#component-153 > div.tab-nav.svelte-1uw5tnk").scrollLeft += 50;
+			  } else if (e.deltaY < 0) {
+				e.target.closest("#component-153 > div.tab-nav.svelte-1uw5tnk").scrollLeft -= 50;
+			  }
+			  e.preDefault();
+			}
+		  }
+		}
+
+		// Füge die Funktion zum Event-Listener hinzu
+		//document.querySelector('.tab-nav').addEventListener('wheel', translateMouseWheel);
+		document.addEventListener('wheel', translateMouseWheel);
+
   	return "Custom Gradio JS"
 }