简易又常用的吸顶条

window.onscrolls事件
下面的p文本主要用来展示吸顶效果
略丑,见怪
制作方法简易
主要运用
window.onscroll事件
以及document.documentElement.scrollTop;获取到当前页面顶部距离
加以判断 当这个吸顶条的当前页面距离大于一定数值时改变吸顶条的定位方式以及位置就可以了




    
    Document
    


    

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

1111111

你可能感兴趣的:(简易又常用的吸顶条)