add ssr condition nuxt

Author: smastrom

src/useScroll.ts

@@ -1,5 +1,5 @@
 import { watch, onMounted, ref, computed, type Ref, type ComputedRef } from 'vue';
-import { isFirefox, useMediaRef } from './utils';
+import { isFirefox, isSSR, useMediaRef } from './utils';
 
 type UseScrollOptions = {
 	isWindow: ComputedRef<boolean>;
@@ -24,10 +24,10 @@ export function useScroll({
 	const isIdle = ref(false);
 	const clickY = computed(() => (isClick.value ? getY() : 0));
 
-	let prevY = getY();
+	let prevY = isSSR ? 0 : getY();
 
 	function getY() {
-		return isWindow.value ? window.scrollY : root.value?.scrollTop || 0; // SSR safe
+		return isWindow.value ? window.scrollY : root.value?.scrollTop ?? 0;
 	}
 
 	function setIdle(maxFrames = 20) {

src/utils.ts

@@ -2,7 +2,6 @@ import { customRef, Ref } from 'vue';
 
 export const isSSR = typeof window === 'undefined';
 
-export const FIXED_TO_TOP_OFFSET = 10;
 export const FIXED_OFFSET = 5;
 
 export function isFirefox() {
@@ -32,7 +31,7 @@ export function getEdges(root: HTMLElement) {
 	// Mobile devices
 	const clientHeight = root === document.documentElement ? window.innerHeight : root.clientHeight;
 
-	const isTopReached = root.scrollTop <= FIXED_TO_TOP_OFFSET;
+	const isTopReached = root.scrollTop <= FIXED_OFFSET * 2;
 	const isBottomReached = Math.abs(root.scrollHeight - clientHeight - root.scrollTop) <= 1;
 	const isOverscrollTop = root.scrollTop < 0;
 	const isOverscrollBottom = root.scrollTop > root.scrollHeight - clientHeight;