getBoundingClientRect 视口的距离

最新推荐文章于 2022-11-25 10:06:42 发布

小脚裤了都

最新推荐文章于 2022-11-25 10:06:42 发布

阅读量331

点赞数

文章标签： css3 前端 javascript

本文链接：https://blog.csdn.net/cvvvvvvvvvv/article/details/121844654

版权

 const onScroll = () => {
 //getBoundingClientRect相对视口的距离
    const rect = refAutor.current!.getBoundingClientRect()
    if (rect.top <= 0) {
      setIsShowAuthor(true)
    } else {
      setIsShowAuthor(false)
    }
  }

//副作用
  useEffect(() => {
    wrapRef.current!.addEventListener('scroll', onScroll)
    return () => {
      wrapRef.current!.removeEventListener('scroll', onScroll)
    }
  }, [])