El problema
En SvelteKit, estoy tratando de deshabilitar y habilitar el desplazamiento cuando se abre mi menú lateral. Para hacer eso, estoy tratando de utilizar la variable {abrir} que está vinculada a mi icono de menú con bind:open={open}. Quiero activar la función enableScroll() cuando la apertura es verdadera, y activar la función disabledScroll() cuando la apertura es falsa. Ambas funciones funcionan bien. La variable {open} es verdadera cuando lo espero y falsa cuando lo espero cuando uso console.log(). El problema es que mi bloque if no responde al cambio {open}.

lo que he probado

• Intenté envolver mi bloque if en otra función y llamar a la función changeScroll() on:click.
• He intentado adaptar los condicionales: if === true, true, open || nulo; análogamente para la negación.
• He intentado usar un operador ternario dentro del enlace de la siguiente manera: on:click={open ? deshabilitarDesplazamiento() : habilitarDesplazamiento() }

Actualmente, mi código se ve así:

 $: if (open === true) { onMount(() => { disableScroll() }) } else if (open === false) { onMount(() => { enableScroll() }) }

¿Quizás estoy usando onMount() incorrectamente? ¿O de alguna manera necesito cambiar mi declaración if para que sea correctamente reactiva/arreglarla de alguna otra manera? ¡Con mucho gusto agradecería alguna ayuda! Gracias.