Vue 2 뷰포트에 표시되는 요소 확인

Vue 2 뷰포트에 표시되는 요소 확인

나는 vue2에 대해 연구하려고 하는데 뷰포트에 요소가 보이는지 쉽게 추적할 수 있는 방법이 있는지, 아니면 페이지를 아래로 스크롤할 때 슬라이드 인 박스 같은 것을 할 수 있는지 궁금해.제안할 수 있는 npm 패키지나 다른 것이 있는가?고마워요.

현재 Vue-observe-visibility(https://github.com/Akryum/vue-observe-visibility)를 사용하고 있으며, 아직 어떤 문제에도 비틀거리지 않고 있다.

단 한가지 고려할 점은, 이는 요소가 DOM 변경으로 인해 페이지를 출입/퇴장할 때가 아니라 사용자 스크롤로 페이지를 출입/퇴장할 때만 트리거된다는 것이다.사용 사례에 대해 말한 것으로 보아 문제가 되지 않을 것 같다.

확실히 확인해봐, 사용하기 쉬우니까!

vue-waypoint가 선택사항이 될 수 있다.

깃헙

NPM

참조URL: https://stackoverflow.com/questions/42068189/vue-2-check-element-whether-visible-on-viewport