前端如何实现，用户看到某元素的时候，触发事件？

[Richard14]

比较常见的几个需求，

第一个是官网介绍页面，希望用户往下拉的同时，第一次看到某元素时触发一个出现动画。

第二个是例如 v2 这种论坛，希望随着用户往下拉页面，聚焦的评论楼层不同，网址自动变成#某某楼，这样用户跨位置分享也比较方便。

这种需求如何实现呢？似乎只能通过 js 触发，因为元素的具体显示位置在不同平台上不同，没法预设定一个拉到多高多高就触发多少事件的脚本。。。

有什么能配合 vue 使用的方案吗？

[Rache1]

IntersectionObserver

[SilencerL]

ele.getBoundingClientRect().top

[renmu]

有相应需求的库，但是我想不起来叫啥了

[bmwh123]

react 的 https://www.react-reveal.com/examples/
vue 的 应该也有吧, 找到一个 js 版本的 https://scrollrevealjs.org/

[DOLLOR]

https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect

[christin]

用高度来做

[CodeCodeStudy]

楼上的不够精确啊，楼主说的是“看到某元素”，当元素显示在页面上的时候，用户并不一定能够看得到，想要知道用户看得到，那需要调用摄像头，抓取用户的瞳孔画面，通过分析瞳孔画面得到用户看到影像，位于中间的才算是用户看到该元素。

[Richard14]

@CodeCodeStudy 你这机灵抖得很无聊