原生JS实现网页导航条特效-白红宇

原生JS实现网页导航条特效

阅读量：230 次

发布时间：2019-02-28

本文共 1021 字，大约阅读时间需要 3 分钟。

??JS???????????

?????????????????????????????????????????????????????????????????JS????????????????????

????

??????????????????????????????????????????????????????????????????????????????????????????????????????????

????

????????????????????

???????????????????????????????

???????????????????????????????

???????????????????????????????????????

????

???????????

    
       
       ??JS???????????        
           
    Logo        
                
     ??
            
     ??
            
     ??
            
     ??
            
     ??

????

???????????window.scrollY?????????????scrollY??0??????????????

???????classList.toggle()????????????????sticky?????????

??????????????????????????????????????????????????????

?????

???????????????IE9??????????????classList.toggle()????????????addClass()?removeClass()?????????

????

???????????????????????????????

?????????????????????????????????????????????????????

?????????????????????????????????????

????JS??????????????????????????????????????

转载地址：http://bdsp.baihongyu.com/

你可能感兴趣的文章

Openlayers中设置定时绘制和清理直线图层

查看>>

Openlayers图文版实战，vue项目从0到1做基础配置

查看>>

Openlayers实战：modifystart、modifyend互动示例

查看>>

Openlayers实战：判断共享单车是否在电子围栏内

查看>>

Openlayers实战：绘制图形，导出geojson文件

查看>>

Openlayers实战：绘制图形，导出KML文件

查看>>

Openlayers实战：绘制多边形，导出CSV文件

查看>>

Openlayers实战：绘制带箭头的线

查看>>

Openlayers实战：输入WKT数据，输出GML、Polyline、GeoJSON格式数据

查看>>

Openlayers高级交互（10/20）：绘制矩形,截取对应部分的地图并保存

查看>>

Openlayers高级交互（11/20）：显示带箭头的线段轨迹，箭头居中

查看>>

Openlayers高级交互（14/20）：汽车移动轨迹动画（开始、暂停、结束）

查看>>

Openlayers高级交互（15/20）：显示海量多边形，10ms加载完成

查看>>

Openlayers高级交互（16/20）：两个多边形的交集、差集、并集处理

查看>>

Openlayers高级交互（17/20）：通过坐标显示多边形，计算出最大幅宽

查看>>

Openlayers高级交互（19/20）：地图上点击某处，列表中显示对应位置

查看>>

Openlayers高级交互（2/20）：清除所有图层的有效方法

查看>>

Openlayers高级交互（20/20）：超级数据聚合，页面不再混乱

查看>>

Openlayers高级交互（3/20）：动态添加 layer 到 layerGroup，并动态删除

查看>>

Openlayers高级交互（6/20）：绘制某点，判断它是否在一个电子围栏内

查看>>