评论
// 开始观察所有 section
sectionRefs.current.forEach(ref => {
if (ref) observer.observe(ref);
});
return () => {
sectionRefs.current.forEach(ref => {
if (ref) observer.unobserve(ref);
});
};
}, []);
0
0
-
小k08051005
收集到 默认专辑 -
图片评论
0条
![// 创建 ref 数组
const sectionRefs = useRef<(HTMLElement | null)[]>([]);
useEffect(() => {
const observer = new IntersectionObserver(
(entries) => {
entries.forEach(entry => {…](https://c-ssl.dtstatic.com/uploads/blog/202503/04/m7SgbAqQtNlNo2J.thumb.400_0.png)
// 创建 ref 数组
const sectionRefs = useRef<(HTMLElement | null)[]>([]);
useEffect(() => {
const observer = new IntersectionObserver(
(entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
setActiveId(entry.target.id);
}
});
},
{
root: null, // 使用视口作为根
rootMargin: '0px',
threshold: 0.5 // 当元素50%可见时触发
}
);
0
0
-
小k08051005
收集到 默认专辑 -
图片评论
0条
