返回顶部的功能 div固定在页面位置不变
2015-07-04 17:58
330 查看
1.你在网上搜索的时候,可能会搜索到div固定在页面上,不随滚动条滚动而滚动是用CSS写的,写法是position:fixed;bottom:0;
但是这个在iframe满地跑的页面实际开发中,有啥用呢?反正我用了感觉没啥用。
2.还有一种就是JS控制了。我写的是随着滚动滚动 ,计算div的绝对与可视页面的位置不变。
3.这里有这两个东西:
但是这个在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//谷歌 这是为了考虑兼容性
相关文章推荐
- [翻译]用 Puppet 搭建易管理的服务器基础架构(2)
- 链栈的操作
- PAT《数据结构学习与实验指导》实验项目集 2-06
- cellmap for iphone
- Windows下的SASS环境搭建
- listview的优化
- Linux System Calls Hooking Method Summary
- Axure快速原型教程02--创建页面和设置界面
- 写了一个分布式名字服务JCM
- android杀进程方法
- UVa 11300 Spreading the Wealth
- ERROR 1 (HY000): Can't create/write to file '/tmp/#sql_909_0.MYI' (Errcode: 13)
- 关于C++语言从磁盘里面读取浮点数据的问题
- Linux经典书籍推荐
- 类 构造函数和析构函数及SYS/BIOS中说明
- 笔记:REST API 设计
- C#选择文件对话框、选择路径对话框
- 定义了泛型的集合中也可以加入其它类型的数据
- C2_分支结构练习
- hdu 4463 Outlets(最小生成树,kruskal,前向星)