返回顶部的功能 div固定在页面位置不变
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//谷歌
这是为了考虑兼容性
更多精彩文章请访问GitHub博客
无特殊声明的文章均为原创!
原创文章如若转载,请注明出处!http://www.cnblogs.com/zqzjs/
告诫自己即使再累,也不要忘记学习。成功没有捷径可走,只有一步接着一步走下去!