欢迎您来到,码代码-李雷博客        登录  |  注册

兼容各浏览器获取scrollTop的方法(body和documentElement)

更新:2021-11-28 09:48:18
人气:148
来源:本站原创
A+

最近用Bootstrap的modal弹层做提示,发现在PC端和移动端使用时,弹出的位置距离顶部的距离有差别,有时候分被完全遮挡。经过测试,不同浏览器端获取到scrollTop的值是不同的。

今天分享一个自己的小技巧,采用document.body.scrollTop和document.documentElement.scrollTop分别来获取,他们两个只能同时获取到一个,其中一个肯定为0,那就将两者的结果相加,就可以兼容获取高度了。

//兼容浏览器scrollTop和方法
var sTop_1=parseInt(document.body.scrollTop);
var sTop_2=parseInt(document.documentElement.scrollTop);
var vvtop=parseInt(sTop_1+sTop_2+100);
document.getElementById("alert_go_div").style.top=vvtop+"px";

上面我额外加了100px,是为了我自己定位距浏览器顶部的距离,可以根据自己的情况是否需要增加或删除掉。

推荐的文章
# 发表我的评论
  /     /  
# 最近评论
暂时还没有评论,要不要说点什么?
  Ads by Google
  本站PHP博客源代码下载
本站使用的PHP博客系统采用PHP和MySql开发,程序开发完全是因为个人爱好,是自己纯手写PHP源代码,未采用任何PHP框架,现已免费开源共享提供给大家下载!
PHP博客下载
  联系博主
QQ:858353007   个人微信号:lileihot123
网站地图
会员服务
关于我们
QQ:858353007
 
广告服务
加我微信
移动端访问
 
 
Copyright © 2014- 2022 www.mdaima.com All Rights Reserved.
李雷博客,专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客!   ICP备案号:京ICP备10202169号