Estoy tratando de hacer un desplazamiento infinito simple, pero realmente no puedo hacer que se active ANTES de que se vea el pie de página en la página. ¿Es posible?
Pensé que configurar rootMargin lo haría, pero la función de observador no parece ser disparada.
Estoy usando VueJS. Aquí hay parte del componente de pie de página:
mounted () { this.observer = new IntersectionObserver(this.handleIntersect, { root: null, rootMargin: '500px 0px', threshold: 0, }) this.observer.observe(this.$el) }, destroyed () { this.observer?.disconnect() }, methods: { handleIntersect ([entry]) { console.log('entry:', entry.boundingClientRect.top) } },No pude encontrar una manera de hacer esto, así que trabajé haciendo la position:relative y agregando una position:absolute top:-500px left:0 bottom:-500px right:0 y poniendo el IntersectionObserver en que en cambio
<div class="position:relative"> <div style="position:absolute;top:-500px;left:0;bottom:-500px;right:0;transform:scale(150%);pointer-events:none;"></div> … content </div>