Найти div на прокрутке с помощью VUE.js

Question

Я хочу запустить функцию, когда определенный div виден на странице. Это где-то в середине моего содержания. Я хочу выполнить функцию, когда прокручиваю к этому div с указанным ID / Ref. Я новичок в vue.js, могу ли я сделать это с Vue.js.

<div>Some Big Content</div>
<div ref="myDiv" id="myDiv"></div>

Answer 1

Я бы предложил, как сказал @Daniel, использовать scroll прослушиватель событий, который проверяет ограничивающую рамку div и проверяет, находится ли он в середине страницы, затем выполняет функцию

Одно предупреждение, это ресурсоемкий процесс, поэтому вам понадобится такая функция, как _.throttle от Lodash, чтобы она не запускалась постоянно при прокрутке.

document.body.addEventListener('scroll', _.throttle(checkBoundingBox, 100))