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

最新推荐文章于 2021-05-17 00:07:30 发布
最新推荐文章于 2021-05-17 00:07:30 发布
阅读量214 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：https://segmentfault.com/a/1190000006230072
本文介绍了一种简单的浏览器兼容性检测方法，并演示了如何根据浏览器类型选择正确的DOM元素来获取页面滚动条的位置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

既然不支持，就做兼容嘛

var moz = /Gecko\//i.test(navigator.userAgent);
var body=document[moz?'documentElement':'body'];
console.log(body.scrollTop);
html 锚点兼容火狐,iframe锚点定位在firefox火狐浏览器下失效解决方案
weixin_42442958的博客
06-09 815
iframe锚点定位在firefox火狐浏览器下失效解决方案属于前端实例代码，有关更多实例代码大家可以查看。关于锚点定位大家一定都不会陌生，使用锚点可以实现定位效果。如果确实不了解描点定位的话，可以参阅html利用锚点实现定位代码实例一章节。出现问题的场景如下:A.html是父页面，它里面使用标签引用B.html页面。B.html页面里面有几个定位锚点，点击可以定位到响应的位置，此页面是有垂直滚动...
C#爬虫selenium webdriver使用火狐浏览器截取全屏并转成pdf
huling314的博客
07-01 721
对于网页页面很长的，使用webdriver自带的方法进行截屏时，默认的最大截取宽度是16384，超过最大宽度就要对页面进行裁剪拼接 public Bitmap GetFullScreenshot() { Bitmap stitchedImage = null; try { long totalwidth1 = (long)((IJavaScriptExecutor)this.webD.
ScrollTop火狐谷歌不兼容
aozhi1180的博客
08-17 137
在火狐上只能通过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 213
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 606
点击右上方红色按钮关注“web秀”，让你真正秀起来前言前端是一个苦逼的职业，不仅因为技术更新快，而且要会的东西实在太多了，更让人头疼的是，还要面临各种适配、兼容性问题。4种方案解决CSS浏览器兼容性问题为什么会有浏览器兼容性问题？还不是因为浏览器厂商太多了！Chrome，Frirefox，Safari，Edge，IE6，IE7，IE8，IE9...360安全浏览器，qq浏览器，世界之窗，TT，搜狗...
FireFox tbody scroll 兼容问题
a534214117的博客
03-31 175
测试版本：FireFox 52.0.1 测试CSS属性：scroll 测试HTML标签：tbody 预期效果：给tbody固定高度100%，内容超出部分滚动 实际结果：无效过，chrome测试正常 修复办法：高度使用px，使用100%无效 转载于:https://www.cnblogs.com/dragon-aslan/p/6651605.html...
火狐、谷歌、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...
firebug支持最新版firefox35.0.1
02-14
firebug支持最新版firefox35.0.1，应用于web前端开发
scrollTop在FireFox与Chrome浏览器间的兼容问题
jiegeng2233的博客
01-18 2170
FireFox与Chrome的scrollTop的兼容问题 直到我今天在FireFox测试时发现，火狐下页面滚动的跳转功能无法使用。 1、原生接口测试 这里先提一下： document.documentElement 即   元素，而  document.body 即    元素。 测试结果，在火狐上只能通过html元素来获取和设定页面滚动高度，而
火狐浏览器的select下拉框样式兼容问题[已解决]
hodge11的博客
01-25 829
/* 火狐浏览器 */ 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;
火狐下，下拉框无法刷新重置问题的分析与解决
weixin_40009737的博客
09-19 778
如下的最简单的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 222
百度ueditor不兼容火狐浏览器固定高度点击工具按钮滚动条置顶无法捕获到焦点位置请问如何解决点击任何操作滚动条都会
UEditor图片焦点错位,火狐document.body.scrollTop不管用的问题
大连 云鹏
05-20 570
关于 document.body.scrollTop 在火狐浏览器中不管用的问题 看网上有人写通过判断document.compatMode来分别不同的模式，然后使用如下语句 document.documentElement.scrollTop或者 document.body.scrollTop 但是，我在本地的环境试了一下 发现 Chrome和Firefox都“ CSS1...
关于页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
weixin_30631587的博客
12-03 140
需求 最近在做博客的目录功能，发现一个在现代浏览器间的一个bug，或是称之为差异，即页面滚动值(scrollTop)的获取与设定。 在此之前先说一下关于页面元素的坐标获取，这张图的经典性不必再提。 实现滚动到某位置功能 博客目录的一个最主要的功能就是实现点击标题页面滚动，因为我们要滚动到页面某个标题，所以需要计算出滚动这个元素的具体绝对位置，而常用的offsetTop是获取到当前...
【问题解决】前端学习踩坑记录
热门推荐
梦想破三的奔三狗
10-21 1万+
最近在学做前端，小白一枚，做个踩坑记录 20191021 更新： 此网站似乎使用 scroll-linked 定位效果。这可能无法与异步平移一起使用； <script> $(function(){ $(window).on("scroll",function(){ var offset = $("html.body").scrollTop(); //...
关于firfox的warning：此网站似乎使用 scroll-linked 定位效果。这可能无法与异步平移一起使用；导致轮播图失效问题
weixin_47469299的博客
05-17 3467
今天学习前端的时候火狐给我报了个少见的警告：此网站似乎使用 scroll-linked 定位效果。这可能无法与异步平移一起使用；参见 https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects 详细了解，也可加入我们一起讨论相关的工具和功能！ 原因是我写了个滚动到一定高度就不会动的侧边栏，贴上代码 window.onload = function(){ var serve = document.querySel
uni-app 获取不到document.documentElement.scrollTop || document.body.scrollTop
最新发布
06-10
根据用户的问题，用户希望在uni-app中解决无法获取document.documentElement.scrollTop或document.body.scrollTop的问题。从用户提供的引用中可以看到，在uni-app中，使用传统的DOM操作方式（如document对象）可能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值