思路
1.给滚动条添加监听事件,监听body.scroll;
2.获取div距离页面顶部的距离offsetTop;
3.判定当div的高度距离窗口顶部为0时设置其position为fixed.
实现参考:原生监听滚动事件
出现一个问题:
document.body.scrollTop
在谷歌浏览器上始终为0,改为document.documentElement.scrollTop就可以了!
1.给滚动条添加监听事件,监听body.scroll;
2.获取div距离页面顶部的距离offsetTop;
3.判定当div的高度距离窗口顶部为0时设置其position为fixed.
实现参考:原生监听滚动事件
出现一个问题:
document.body.scrollTop
在谷歌浏览器上始终为0,改为document.documentElement.scrollTop就可以了!