Как сделать window.scrollTo (0,0) в Svelte

Question

Я использую svelte и svelte-routing для создания веб-сайта и пытаюсь прокручивать верхнюю часть страницы всякий раз, когда пользователь перемещается. В других фреймворках, таких как React, window.scrollTo (0, 0) работает отлично. В Svelte следующий код, к сожалению, ничего не делает:

import { onMount } from "svelte";

onMount(() => window.scrollTo(0,0));

Так в чем же хитрость, чтобы заставить эту работу работать?

Answer 1

Вы также можете привязать к свойствам окна, таким как scrollX и scrollY, используя привязку окна svelte ( API doc ):

<svelte:window bind:scrollY={y}/>

Теперь вы можете читать и устанавливать свойство y. См. этот документ Svelte REPL .

Answer 2

Хорошо, ошибка не была проблемой svelte. Проблема была со стилями HTML. Похоже, переполнение HTML должен был быть установлен на авто, чтобы работать, а не! на теле. Любой, кто также сталкивается с этой ошибкой, может проверить эту тему .