Aquí está mi código:

 beforeMount () { window.addEventListener('scroll', this.stickTheBreadcrumbs) }, beforeDestroy () { window.removeEventListener('scroll', this.stickTheBreadcrumbs) }, methods: { stickTheBar () { window.scrollY > 81 ? this.barIsSticked = true : this.barIsSticked = false } }

El objetivo es pegar en la parte superior de la página una barra de navegación cuando me desplazo sobre la barra de menú (que es 82px).

Si la página es lo suficientemente larga, todo funciona como debería, pero si la página no es tan larga (pero aún se puede desplazar), tan pronto como me desplazo unos pocos px por debajo del 81 (f.ex scrollY = 83), salta de nuevo en el scrollY. = 0 y luego continúa saltando hacia arriba y hacia abajo por un tiempo a posiciones aleatorias entre 0 y 81.

¿Hay algo que pueda hacer para cambiar este comportamiento?