文章页模块悬浮
编辑时间:2017-05-08 作者:See You 浏览量:2141 来源:http://www.guojiawei.com

先说下思路:

随着页面的滚动,最新文章模块抵达顶部导航栏时,自动变为悬浮状态保持,直到最新文章模块抵达底部之后,该模块继续随之滚动。

本站没有使用fixed针对整个窗口进行悬浮,而是相对于最新文章模块进行位置计算,所有的悬浮数据都以最新文章模块进行计算。

下面上代码,是项目中的源码:

1:初始化和事件绑定

undefined

2:位置计算并重置:

undefined

以上就是所有内容了,这个悬浮根据不同的环境,可以有不同的实现方法,此仅代表本网站实现方法。


来说两句吧