  // 创建 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%可见时触发
      }
    );

收集点赞评论

// 开始观察所有 section sectionRefs.current.forEach(ref => { if (ref) observer.observe(ref); }); return () => { sectionRefs.current.forEach(ref => { if (ref) observer.unobserve(ref); }); }; }, []);

小k08051005
收集到默认专辑

图片评论

0条

收集点赞评论

// 创建 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%可见时触发 } );