§ ITPOW >> 文档 >> JavaScript >> 窗口页面

作者：vkvi 来源：ITPOW（原创） 日期：2018-6-30

有很多网页的侧边栏，当网页没向上滑动多少时，跟普通布局一样，可是当滑动到一定程度时，侧边栏就固定在界面不动了。

function autoFix(element, top) { var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; if (scrollTop > top) { element.style.position = "fixed"; element.style.top = "0px"; } else { element.style.position = "static"; element.style.top = "0px"; } }

在两种情况下需要调用这个函数：

• 一个是页面初始化时，这是为了解决用户滑动之后，又刷新保持效果。
• 二是 window.onscroll 时。
  

注意：还需要多一个判断，就是只有当这个侧边栏高度应该低于主要栏高度时，才触发。