欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

js控制div高度的固定跟移动

更新时间: 2014-01-05 00:52:09 责任编辑: Author_N1

 

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



就是这个,在顶部是没置顶的,但是下拉到高度变化增大后,会占满屏幕高度
请问各位高手,这个效果是怎么做的,
小弟js新手,不太懂,有源码最好,没有还请给点思路,、
分不多,谢谢各位。
--参考方法--
浏览器窗口大小改变和页面滚动的时候检测,如果页面滚动的高度达到一定的数值,就将那一块的position设置为fixed
如果要兼容IE6的话再加个判断IE版本,然后使用js计算滚动的数值模拟fixed
--参考方法--
刚开始,你说的这个模块是使用的相对定位或者绝对定位

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

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

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 00:52:09
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/761/
本文WWW.DOC100.NET DOC100.NET版权所有。