本文作者:admin

电子商务专业代码(昌吉学院电子商务专业代码)

admin 2023-09-22 59 抢沙发
电子商务专业代码(昌吉学院电子商务专业代码)摘要: 定位跟随效果运用的比较多,页面过长时候,当拉到一定的时候还想显示网站导航在顶端时就要用到定位跟随原理。  效果如下:  浏览器向下滚...

  定位跟随效果运用的比较多,页面过长时候,当拉到一定的时候还想显示网站导航在顶端时就要用到定位跟随原理。

  效果如下:

  浏览器向下滚动的距离未超过logo那个标签前的图片

  当超过这个距离,写着logo的那个盒子一直定位在顶端显示

  现在简单解析下:

  设置多点盒子,尽量让页面能滚动。

  js代码:

  先获取有颜色盒子的纵坐标,当浏览器滚动的距离大于有色盒子的纵坐标时候,盒子的样式变为固定定位在顶端。

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,59人围观)参与讨论

还没有评论,来说两句吧...