博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
返回顶部的功能 div固定在页面位置不变
阅读量:7051 次
发布时间:2019-06-28

本文共 587 字,大约阅读时间需要 1 分钟。

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://ggsol.baihongyu.com/

你可能感兴趣的文章
基于 Pusher 驱动的 Laravel 事件广播(上)
查看>>
Spark Streaming源码解读之数据清理 内幕
查看>>
项目打包流程
查看>>
使用webiopi控制树莓派的GPIO引脚电平(WEB在线管理)
查看>>
(转)直接拿来用!最火的iOS开源项目(二)
查看>>
【java解惑】Unicode转义符的使用
查看>>
spring线程池ThreadPoolTaskExecutor与阻塞队列BlockingQueue
查看>>
服务器同步
查看>>
visio图片导入word和PPT的最清晰的方式
查看>>
DataGuard 环境rman恢复主库坏块一例
查看>>
邮件服务器最常见的安全问题及解决办法
查看>>
交换机真的只工作在第二层吗?
查看>>
走向DBA[MSSQL篇] 针对大表 设计高效的存储过程【原理篇】 附最差性能sql语句进化过程客串...
查看>>
Python条件判断和循环
查看>>
15年编程生涯,资深架构师总结的7条经验
查看>>
第三节课作业
查看>>
最长回文子串问题
查看>>
ssh客户端及基于key登陆
查看>>
echo命令
查看>>
图形语言 Kgo
查看>>