返回顶部的功能 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//谷歌

这是为了考虑兼容性

转载:http://www.cnblogs.com/zqzjs/p/4621040.html

目录
相关文章
|
SQL 数据库 索引
数据库中表维护
【5月更文挑战第7天】本文介绍了提高数据库性能的五个技巧。1) 使用`ON DUPLICATE KEY UPDATE`或`ON CONFLICT DO UPDATE`避免锁竞争,尤其在高并发更新计数器场景下。2) 通过JOIN查询进行基于选择的更新。3) 使用公式表达式-CTE-删除重复行 。4) 定期运行`ANALYZE`命令更新表统计信息。这些方法有助于优化数据库性能,减少锁等待和提高查询速度。
225 1
数据库中表维护
|
存储 Java 数据安全/隐私保护
什么是编码和解码
什么是编码和解码
1050 0
|
C语言 编译器
C语言里的左移和右移运算
在用gcc编译这段程序的时候编译器会给出一个warning,说左移位数>=类型长度.那么实际上i,j移动的就是1位,也就是33%32后的余数.在gcc下是这个规则,别的编译器是不是都一样现在还不清楚.
2314 0
|
网络协议 网络安全 网络性能优化
【计算机网络期末复习】重点知识总复习
【计算机网络期末复习】重点知识总复习
488 1
|
机器学习/深度学习 传感器 算法
【图像融合】基于NSST结合PCNN实现医学多模态图像融合附matlab代码
【图像融合】基于NSST结合PCNN实现医学多模态图像融合附matlab代码
|
网络协议 Dubbo Java
【远程调用框架概述 一】基于HTTP和RPC的远程调用方式
【远程调用框架概述 一】基于HTTP和RPC的远程调用方式
760 0
|
监控 关系型数据库 应用服务中间件
zabbix5.0安装篇和设置中文
监控工具的作用: • 1.及时定位问题无需认为干预,大大减少人力成本 • 2.通过技术角度,实现实时监控业务,当出现问题及时定位并告警到相关管理人员 • 3.记录并以图形化的方式展示出来,方便管理员进行系统运行性能评估 • 4.出现故障,针对某一个性能指标,自动化执行一个指定操作。
zabbix5.0安装篇和设置中文
|
XML SpringCloudAlibaba Dubbo
这次我设计了一款TPS百万级别的分布式、高性能、可扩展的RPC框架
这次我设计了一款TPS百万级别的分布式、高性能、可扩展的RPC框架
514 0
这次我设计了一款TPS百万级别的分布式、高性能、可扩展的RPC框架
|
机器学习/深度学习 算法 决策智能
【配电网重构】基于粒子群算法求解配电网重构问题附matlab代码
【配电网重构】基于粒子群算法求解配电网重构问题附matlab代码
|
XML 搜索推荐 Java