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>
react导航吸顶
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 今天青石的票圈出镜率最高的，莫过于张艺谋的新片终于定档了。 一张满溢着水墨风的海报一次次的出现在票圈里，也就是老谋...
