专栏首页deepcc弹出层高度不限垂直居中 兼容ie ff chrome

弹出层高度不限垂直居中 兼容ie ff chrome

今天调整一下弹出层,遇到个小问题:获取scrollTop的值?

网上看了一些获取网页被卷去的高的方法,document.body.scrollTop在ie ff中都是0,奇怪的是在chrome中可以。

我猜ff以经向ie靠拢了,我用的是ff 13.0.1,可以能是以前版本的用的,在此略过……

s += " 网页被卷去的高(ff):"+ document.body.scrollTop;
s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop;

代码片段:

var h = document.documentElement.clientHeight;//js获取窗口高度
var t = document.body.scrollTop||document.documentElement.scrollTop;//js获取网页被卷去的高
var h2 = $('#'+ID).height();//jq获取弹出层的高度
$('#'+ID).css('top',(h-h2)/2+t);//jq给css加top值

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • html5 td中的5它空隙--待解决

    deepcc
  • 链接中 href='#' 和 href='###' 的区别以及优缺点

    deepcc
  • element ui 上传文件,读取内容乱码解决

    deepcc
  • document.body.scrollTop与document.documentElement.scrollTop兼容

      这两天在写一个JS的网页右键菜单,在实现菜单定位的时候发现了这个问题:chrome居然不认识document.documentElement.scrollT...

    超然
  • 文件系统(01):基于SpringBoot框架,管理Excel和PDF

    Excel一款电子表格软件。直观的界面、出色的计算功能和图表工具,在系统开发中,经常用来把数据转存到Excel文件,或者Excel数据导入系统中,这就涉及数据转...

    知了一笑
  • 计算机鼠标的最佳传感器位置( Human-Computer Interaction)

    计算机鼠标的位移传感器位于不同的位置(中间、前面和后面)。然而,关于传感器位置的影响或利用传感器位置的工程方法的研究还很少。本文首先讨论了传感器位置影响鼠标移动...

    用户6869393
  • 第4篇:对ATAC-Seq/ChIP-seq的质量评估(一)——phantompeakqualtools

    在下游分析前,最好是先对peak calling 后的ChIP-Seq数据进行质量评估。

    生信技能树
  • 动态 | ICML 2019 大会投稿新要求出炉!

    AI科技评论按:ICML 是 International Conference on Machine Learning 的缩写,即国际机器学习大会。如今,ICM...

    AI科技评论
  • 【Web技术】503- 当 SSR 遇上 Serverless,轻松实现页面瞬开

    最近随着 Rax SSR 完成渲染性能 6x React 的提升,以及工程上 Serverless 发布形式的对接,我想是时候跟大家介绍下 Rax SSR 了。

    pingan8787
  • OpenGL 中的颜色混合和使用

    在 Android 中有一个类 PorterDuffXfermode ,它是用来设置颜色混合方式的,也就是在已有颜色的基础上再绘制一笔颜色,这两个颜色是如何进行...

    glumes

扫码关注云+社区

领取腾讯云代金券