EI
onMount выполняется 1 раз при маунте компонента
Ну да, при восстановлении скроллинга в начале надо сохранить текущий window.scrollY, чтобы корректно считать дельты
Size: a a a
2020 December 09
A
Лишняя запись window.scrollY.
A
https://t.me/sveltejs/126945
Пишите в переменную координату из svelte:window и с ней работайте. Можно убрать $: реактивное выражение в функцию и выполнять ее на событии on:scroll
Так логичнее и нагляднее в дальнейшем. Имхо
Пишите в переменную координату из svelte:window и с ней работайте. Можно убрать $: реактивное выражение в функцию и выполнять ее на событии on:scroll
Так логичнее и нагляднее в дальнейшем. Имхо
ON
знали бы ещё люди что такое dirty-checking, или чем он не является...
В итоге у dity-checking плохая репутация чисто из-за названия.
А вот virtual-dom дак норм, хотя это дирти-чееинг в квадрате
А вот virtual-dom дак норм, хотя это дирти-чееинг в квадрате
PM
знали бы ещё люди что такое dirty-checking, или чем он не является...
ну из анлуровского dc там только название и проверка !== )))
EI
https://t.me/sveltejs/126945
Пишите в переменную координату из svelte:window и с ней работайте. Можно убрать $: реактивное выражение в функцию и выполнять ее на событии on:scroll
Так логичнее и нагляднее в дальнейшем. Имхо
Пишите в переменную координату из svelte:window и с ней работайте. Можно убрать $: реактивное выражение в функцию и выполнять ее на событии on:scroll
Так логичнее и нагляднее в дальнейшем. Имхо
Вот так https://svelte.dev/repl/33730646df8546d9a91e1f669c899b97?version=3.31.0
Можно убрать bind.
onMount нужен если при восстановлении страницы и скроллинга scrollY не ноль
Можно убрать bind.
onMount нужен если при восстановлении страницы и скроллинга scrollY не ноль
A
Как хотите.
A
Вы спросили, я своё мнение высказал.
EI
Вы спросили, я своё мнение высказал.
Я просто пытаюсь понять теперь этот вариант оптимальный на ваш взгляд?
A
Нет. Вы используете нативный window и svelte:window
МТ
Eugene Ilyin
Я просто пытаюсь понять теперь этот вариант оптимальный на ваш взгляд?
Кейс просто отображать нижнюю навигацию по скроллу вверх и скрывать по скроллу вниз?
EI
> Пишите в переменную координату из
Вернул
https://svelte.dev/repl/33730646df8546d9a91e1f669c899b97?version=3.31.0
> Можно убрать $: реактивное выражение в функцию и выполнять ее на событии on:scroll
Убрал реактивное выражение
> Вы используете нативный window и svelte:window
Но мне никак не уйти от нативного window при onMount, так как при монтировании мне надо сохранить в prevScrollY текущий window.scrollY, чтобы знать при первом handleScroll - delta больше или меньше нуля.
svelte:window и с ней работайте.Вернул
bind:scrollY, вот так:https://svelte.dev/repl/33730646df8546d9a91e1f669c899b97?version=3.31.0
> Можно убрать $: реактивное выражение в функцию и выполнять ее на событии on:scroll
Убрал реактивное выражение
> Вы используете нативный window и svelte:window
Но мне никак не уйти от нативного window при onMount, так как при монтировании мне надо сохранить в prevScrollY текущий window.scrollY, чтобы знать при первом handleScroll - delta больше или меньше нуля.
EI
Марк Танащук
Кейс просто отображать нижнюю навигацию по скроллу вверх и скрывать по скроллу вниз?
Верно
АН
{#if visible}
<nav class=bottom>Bottom navigation</nav>
{:else}
<nav class=top>Top navigation</nav> // разница: у класса top top:0
{/if}
<nav class=bottom>Bottom navigation</nav>
{:else}
<nav class=top>Top navigation</nav> // разница: у класса top top:0
{/if}
МТ
Eugene Ilyin
Верно
МТ
Это по скроллингу колесиком, но думаю мысль донес
МТ
Ровно тоже самое можно делать и по горизонтали, если необходимо
A
Eugene Ilyin
> Пишите в переменную координату из
Вернул
https://svelte.dev/repl/33730646df8546d9a91e1f669c899b97?version=3.31.0
> Можно убрать $: реактивное выражение в функцию и выполнять ее на событии on:scroll
Убрал реактивное выражение
> Вы используете нативный window и svelte:window
Но мне никак не уйти от нативного window при onMount, так как при монтировании мне надо сохранить в prevScrollY текущий window.scrollY, чтобы знать при первом handleScroll - delta больше или меньше нуля.
svelte:window и с ней работайте.Вернул
bind:scrollY, вот так:https://svelte.dev/repl/33730646df8546d9a91e1f669c899b97?version=3.31.0
> Можно убрать $: реактивное выражение в функцию и выполнять ее на событии on:scroll
Убрал реактивное выражение
> Вы используете нативный window и svelte:window
Но мне никак не уйти от нативного window при onMount, так как при монтировании мне надо сохранить в prevScrollY текущий window.scrollY, чтобы знать при первом handleScroll - delta больше или меньше нуля.
Не так. Вы опять не пишите bind:scrollY={Y} в переменную. В таком варианте onMount не потребуется.
AS
блин, кажется я должен был сказать что это просто комментарии для читающего код и они вырезаются при сборке и для работы кода не нужны. если забыл, сорян. на холи точно говорил. про само понятие dirty тоже думал что эта аллюзия на dirty checking из angularjs известная штука. видимо надо еще поработать над этой частью
само понятие dirty, а точнее dirty bit гораздо старше ангуляра и большинства здесь присутсвующих =)
EI
Марк Танащук
Это по скроллингу колесиком, но думаю мысль донес
В таком виде on:wheel|nonpassive|preventDefault={scroller} не работает сам скроллинг
Кроме того при возврате на страницу или монтировании window.scrollY может быть отличным от нуля изначально
Кроме того при возврате на страницу или монтировании window.scrollY может быть отличным от нуля изначально