码迷,mamicode.com
首页 > 其他好文 > 详细

返回顶部的功能 div固定在页面位置不变

时间:2015-07-04 18:17:50      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:

1.你在网上搜索的时候,可能会搜索到div固定在页面上,不随滚动条滚动而滚动是用CSS写的,写法是position:fixed;bottom:0;

但是这个在iframe满地跑的页面实际开发中,有啥用呢?反正我用了感觉没啥用。

2.还有一种就是JS控制了。我写的是随着滚动滚动 ,计算div的绝对与可视页面的位置不变。

$(window.parent).on(‘scroll‘,function(){
   $(返回顶部所在div选择器).css(‘top‘,parent.document.documentElement.scrollTop+parent.document.body.scrollTop+‘px‘); 
})//这是在iframe框架中控制父body

$(window).on(‘scroll‘,function(){
   $(返回顶部所在div选择器).css(‘top‘,document.documentElement.scrollTop+document.body.scrollTop+‘px‘); 
})//这是在没有iframe框架中控制body

3.这里有这两个东西:

parent.document.documentElement.scrollTop//IE 
parent.document.body.scrollTop//谷歌
这是为了考虑兼容性

返回顶部的功能 div固定在页面位置不变

标签:

原文地址:http://www.cnblogs.com/zqzjs/p/4621040.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!