火狐浏览器竟然不支持body.scrollTop

最新推荐文章于 2022-01-17 17:34:24 发布
最新推荐文章于 2022-01-17 17:34:24 发布
阅读量182 收藏
点赞数
原文链接：https://segmentfault.com/a/1190000006230072
版权

既然不支持，就做兼容嘛

var moz = /Gecko\//i.test(navigator.userAgent);
var body=document[moz?'documentElement':'body'];
console.log(body.scrollTop);
weixin_34210740
关注
火狐浏览器的select下拉框样式兼容问题[已解决]
hodge11的博客
01-25 719
/* 火狐浏览器 */ select { -moz-appearance: none; appearance: none; background-image: url("http://221.228.109.114:8083/manage/more/firefox_select_icon.png"); background-repeat: no-repeat;
html 锚点兼容火狐,iframe锚点定位在firefox火狐浏览器下失效解决方案
weixin_42442958的博客
06-09 762
iframe锚点定位在firefox火狐浏览器下失效解决方案属于前端实例代码，有关更多实例代码大家可以查看。关于锚点定位大家一定都不会陌生，使用锚点可以实现定位效果。如果确实不了解描点定位的话，可以参阅html利用锚点实现定位代码实例一章节。出现问题的场景如下:A.html是父页面，它里面使用标签引用B.html页面。B.html页面里面有几个定位锚点，点击可以定位到响应的位置，此页面是有垂直滚动...
ScrollTop火狐谷歌不兼容
aozhi1180的博客
08-17 118
在火狐上只能通过html元素来获取和设定页面滚动高度，而在谷歌上反之只能用body元素来获取和设定。 解决方案： $(document).scrollTop();//获取，兼容火狐谷歌$("body,html").animate({ scrollTop: ... });//动画滚动效果，兼容火狐谷歌 转载于:https://www.cnblogs.com/Lucianb...
$(window).scroll()无法触发滚动条事件的问题
illusion_melody的博客
06-12 1万+
滚动条事件很常见。但有的时候竟会无法触发这个事件，真的让人有点捉急！ 首先我们看，$(window).scroll()，是window的滚动，window代表的是当前窗口,但是如果我们把html和body设置了 width：100%；height：100%； 则无法$（window）.scroll的滚动条事件。 解决办法是，把window换成你页面的其他元素,比如一个网页的容器，如clas...
在firefox浏览器下，scrollTop始终为0的问题
ailvejie1967的博客
07-04 182
firefox下，带dtd文档申明： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&...
ie7浏览器_4种方案解决CSS浏览器兼容性问题
weixin_39630637的博客
11-14 554
点击右上方红色按钮关注“web秀”，让你真正秀起来前言前端是一个苦逼的职业，不仅因为技术更新快，而且要会的东西实在太多了，更让人头疼的是，还要面临各种适配、兼容性问题。4种方案解决CSS浏览器兼容性问题为什么会有浏览器兼容性问题？还不是因为浏览器厂商太多了！Chrome，Frirefox，Safari，Edge，IE6，IE7，IE8，IE9...360安全浏览器，qq浏览器，世界之窗，TT，搜狗...
火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
10-18
在火狐浏览器中，通常情况下`document.body.scrollTop`和`document.documentElement.scrollTop`返回相同的值，因为火狐遵循了W3C的标准，即在文档完全加载后，这两个属性应该反映页面的实际滚动位置。 #### 谷歌...
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
10-20
接下来，我们将深入探讨`animate()`的使用方法以及如何解决在Firefox中不支持`$("body").animate({"scrollTop":top})`的问题。 首先，让我们了解`animate()`的基本语法： ```javascript $(selector).animate...
火狐浏览器获取body滚动条位置
最新发布
05-28
您可以使用以下 JavaScript 代码获取火狐浏览器中 body 元素的滚动条位置： ``` var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; ``` 其中，`window...
C#爬虫selenium webdriver使用火狐浏览器截取全屏并转成pdf
huling314的博客
07-01 669
对于网页页面很长的，使用webdriver自带的方法进行截屏时，默认的最大截取宽度是16384，超过最大宽度就要对页面进行裁剪拼接 public Bitmap GetFullScreenshot() { Bitmap stitchedImage = null; try { long totalwidth1 = (long)((IJavaScriptExecutor)this.webD.
FireFox tbody scroll 兼容问题
a534214117的博客
03-31 149
测试版本：FireFox 52.0.1 测试CSS属性：scroll 测试HTML标签：tbody 预期效果：给tbody固定高度100%，内容超出部分滚动 实际结果：无效过，chrome测试正常 修复办法：高度使用px，使用100%无效 转载于:https://www.cnblogs.com/dragon-aslan/p/6651605.html...
scrollTop在FireFox与Chrome浏览器间的兼容问题
jiegeng2233的博客
01-18 2121
FireFox与Chrome的scrollTop的兼容问题 直到我今天在FireFox测试时发现，火狐下页面滚动的跳转功能无法使用。 1、原生接口测试 这里先提一下： document.documentElement 即   元素，而  document.body 即    元素。 测试结果，在火狐上只能通过html元素来获取和设定页面滚动高度，而
火狐下，下拉框无法刷新重置问题的分析与解决
weixin_40009737的博客
09-19 724
如下的最简单的HTML代码 &lt;div class="z-dropdown"&gt; &lt;input class="dropdown-sel" value="年" readonly="" &gt; &lt;ul class="dropdown-option" style="display: none;"&gt; &
兼容火狐浏览器样式滚动条_百度ueditor不兼容火狐浏览器固定高度点击工具按钮滚动条置顶无法捕获到焦点位置...
weixin_39620099的博客
01-10 204
百度ueditor不兼容火狐浏览器固定高度点击工具按钮滚动条置顶无法捕获到焦点位置请问如何解决点击任何操作滚动条都会
UEditor图片焦点错位,火狐document.body.scrollTop不管用的问题
大连 云鹏
05-20 530
关于 document.body.scrollTop 在火狐浏览器中不管用的问题 看网上有人写通过判断document.compatMode来分别不同的模式，然后使用如下语句 document.documentElement.scrollTop或者 document.body.scrollTop 但是，我在本地的环境试了一下 发现 Chrome和Firefox都“ CSS1...
关于页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
weixin_30631587的博客
12-03 114
需求 最近在做博客的目录功能，发现一个在现代浏览器间的一个bug，或是称之为差异，即页面滚动值(scrollTop)的获取与设定。 在此之前先说一下关于页面元素的坐标获取，这张图的经典性不必再提。 实现滚动到某位置功能 博客目录的一个最主要的功能就是实现点击标题页面滚动，因为我们要滚动到页面某个标题，所以需要计算出滚动这个元素的具体绝对位置，而常用的offsetTop是获取到当前...
【问题解决】前端学习踩坑记录
一只热爱奔跑的程序猿
10-21 1万+
最近在学做前端，小白一枚，做个踩坑记录 20191021 更新： 此网站似乎使用 scroll-linked 定位效果。这可能无法与异步平移一起使用； <script> $(function(){ $(window).on("scroll",function(){ var offset = $("html.body").scrollTop(); //...
scrollTop设置不起效果的几种原因
smallNut的博客
01-17 1万+
今天在写需求的时候遇到一个要将表格的滚动条在进行路由跳转时固定的操作，然后没想到居然在scrollTop这个属性的设置上栽了坑，关于此问题的原因网络上的解释也五花八门，各不相同 这里我们以下图demo为例，给大家解释一下设置scrollTop属性设置无效可能会遇到的几个原因 1.父，子元素需设置高度，并且子元素高度必须大于父元素 这一点应该很好理解，如果子元素高度始终小于父元素，那么无论怎么设置scrollTop的值都不可能大于0 2.父元素需设置overflow: scroll 或 overflow-y：
自动化测试面试题及答案大全（5）
热门推荐
测试喵
04-20 6万+
1.Selenium是否支持桌面应用软件的自动化测试。 Selenium不支持桌面软件的自动化测试，Selenium是根据网页元素的属性才定位元素，而其他桌面软件自动化测试工具是根据桌面元素的位置来定位元素，当然现在也有根据桌面元素的属性来定位的。 2.Selenium是否支持用例的执行的引擎。 引擎好比就是一个发动机。Selenium是没有关于测试用例和测试套件管理和执行的模块。我们需要借助第三...
document.body.scrollTop获取不到
03-24
从 HTML5 开始，使用 document.documentElement.scrollTop 代替 document.body.scrollTop 来获取页面滚动距离。如果想获取一个元素相对于视口的距离，可以使用元素的 getBoundingClientRect() 方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值