日期:2014-05-16  浏览次数:20777 次

js控制div高度的固定和移动,
最近看到一个网站上的效果,觉得挺不错的,但是不知道是怎么做的,
网址是http://t.yhd.com/100?grouponAreaId=3&ref=gl.1.1.1.[7292_5282795_3]



就是这个,在顶部是没置顶的,但是下拉到高度变化增大后,会占满屏幕高度
请问各位高手,这个效果是怎么做的,
小弟js新手,不太懂,有源码最好,没有还请给点思路,、
分不多,谢谢各位。

------解决方案--------------------
浏览器窗口大小改变和页面滚动的时候检测,如果页面滚动的高度达到一定的数值,就将那一块的position设置为fixed
如果要兼容IE6的话再加个判断IE版本,然后使用js计算滚动的数值模拟fixed
------解决方案--------------------
刚开始,你说的这个模块是使用的相对定位或者绝对定位

然后在文档上添加一个滚动监听事件,每次滚动时判断页面向下滚动了多长的距离

当滚动超过一定的距离之后,就把这个显示模块使用固定定位。