react导航吸顶

 const oDiv = useRef();
    useEffect(() => {
        let divT = oDiv.current.offsetTop
        window.onscroll = function () {
            // 获取当前页面的滚动条纵坐标位置 （依次为火狐谷歌、safari、IE678）
            let scrollT = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
            if (scrollT >= divT) {
                if (window.navigator.userAgent.indexOf('MSIE 6.0') != -1) {
                    // 兼容IE6代码
                    oDiv.current.style.position = 'absolute';
                    oDiv.current.style.top = scrollT + 'px';
                    oDiv.current.style.left = 0 + 'px';
                } else {
                    // 正常浏览器代码
                    oDiv.current.style.position = 'fixed';
                    oDiv.current.style.top = 0;
                    oDiv.current.style.left = 0;
                }
            } else
                oDiv.current.style.position = '';
        }

    }, []);


 <div className="tab" ref={oDiv}>
                <ul>
                    <li className='active'>用户群体</li>
                    <li>功能组成</li>
                    <li>产品特点</li>
                    <li>更新历史</li>
                </ul>
            </div>