react原生函数实现页面滚动到一定高度后显示悬浮按钮

react原生函数实现页面滚动到一定高度后显示悬浮按钮

需求背景：当页面很长的时候，我们希望当滑过某一按钮后，它能在接下来的区域以一个小的悬浮按钮的形式固定在页面右侧，类似于一键回到顶部那种按钮的效果，不过这个按钮的事件我们可以随意添加，不一定是要用来回到页面顶部。

整体逻辑就是 监听页面滚轮高度 当达到某个值以后 将按钮的display值置为block 让他展示出来 用的是react hook

代码如下：

import {
    useEffect, useState } from 'react';
import Icon from '@/assets/img/ContactUs.png';


const Home = () => {
   
  const [open, setOpen] = useState(false);
  // 为按钮设置style 控制显示与隐藏
  const [eleStyle, setEleStyle] = useState({
   }