[Svelte] Scrolling 되는 태그 엘리먼트에 대해 Scroll 값 구하기 예제

svelte:window 와 같은 특수태그의 지원요소가 아닌 div 내부에 있는 스크롤링이 이동한 값을 구하려면 아래와 같이 작성하면 된다.

<script lang="ts">
	let el : HTMLElement | null = null;
	let y = 0;
</script>

<div bind:this={el} on:scroll={() => y = el?.scrollTop ?? 0 }>
... 이하 중략 ...
</div>

 

Y 스크롤이 가장 위에 있는 상태

밑으로 내렸을 때

별거 아닌 거 같은데 은근 해매게 되었다. -_-