fix: robustify bind:scrollX/Y binding (#11655)

- we were scrolling to the given value, which we shouldn't for accessibility reasons (Svelte 4 didn't do it either)
- we need to notify of the value 0 if there's no scroll (#11623 (comment))

.changeset/popular-roses-teach.md

@@ -0,0 +1,5 @@
+---
+"svelte": patch
+---
+
+fix: robustify `bind:scrollX/Y` binding

packages/svelte/src/internal/client/dom/elements/bindings/window.js

@@ -1,4 +1,4 @@
-import { render_effect } from '../../../reactivity/effects.js';
+import { effect, render_effect } from '../../../reactivity/effects.js';
 import { listen } from './shared.js';
 
 /**
@@ -22,18 +22,21 @@ export function bind_window_scroll(type, get_value, update) {
 		passive: true
 	});
 
-	var latest_value = 0;
 	var scrolling = false;
 
 	/** @type {ReturnType<typeof setTimeout>} */
 	var timeout;
 	var clear = () => {
 		scrolling = false;
 	};
+	var first = true;
 
 	render_effect(() => {
-		latest_value = get_value();
-		if (!scrolling && latest_value != null) {
+		var latest_value = get_value();
+		// Don't scroll to the initial value for accessibility reasons
+		if (first) {
+			first = false;
+		} else if (!scrolling && latest_value != null) {
 			scrolling = true;
 			clearTimeout(timeout);
 			if (is_scrolling_x) {
@@ -45,6 +48,15 @@ export function bind_window_scroll(type, get_value, update) {
 		}
 	});
 
+	// Browsers fire the scroll event only if the scroll position is not 0.
+	// This effect is (almost) guaranteed to run after the scroll event would've fired.
+	effect(() => {
+		var value = window[is_scrolling_x ? 'scrollX' : 'scrollY'];
+		if (value === 0) {
+			update(value);
+		}
+	});
+
 	render_effect(() => {
 		return () => {
 			removeEventListener('scroll', target_handler);