工作中需求:要求页面有两个头部菜单,一个固定在页面布局中(随滑动而滑动),另一个当滑动时显示,固定在页面定顶端(不随滑动而滑动),这时就要判断body的scroll事件,获取滚动条距离顶部的高度,废话不说直接上代码:
document.querySelector('body').onscroll = handleScroll;
handleScroll(e) {
高度 = e.target.scrollingElement.scrollTop;
}
工作中需求:要求页面有两个头部菜单,一个固定在页面布局中(随滑动而滑动),另一个当滑动时显示,固定在页面定顶端(不随滑动而滑动),这时就要判断body的scroll事件,获取滚动条距离顶部的高度,废话不说直接上代码:
document.querySelector('body').onscroll = handleScroll;
handleScroll(e) {
高度 = e.target.scrollingElement.scrollTop;
}