莫方教程网

专业程序员编程教程与实战案例分享

web前端求职必备案例思路源码视频,大型商城美丽说官网吸顶盒

源码/视频加前端学习群470593776

web前端零基础课题:美丽说导航吸顶盒

知识点html/css布局思维, div盒子模型 , 导航条制作,css浮动、定位详解,

学习方法总结,2017就业形势分析,企业开发标准等

思路

  • nav固定到浏览器最上方 position:fixed;

  • 当页面拉到看不见nav的时候我们给nav的class添加 .fixed

  • A 当滚动条滚动高度>B nav底部距离文档顶部高度

  • .nav底部距离文档顶部高度的获取

  • nav顶部距离文档顶部的高度+nav的高度

  • .判断高度a和b,如果a>b

部分源码:

源码/视频加前端学习群470593776

源码/视频加前端学习群470593776

代码过长,只发部分,大家可以加下前端群【470593776】(源码和视频)

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言