chrome scrollTop 获取失败问题及解决方案

最新推荐文章于 2023-08-18 17:20:25 发布
最新推荐文章于 2023-08-18 17:20:25 发布
阅读量2.6k 收藏
点赞数
分类专栏： 浏览器前端开发 文章标签： chrome scrollTop获取失败
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/h357650113/article/details/78384621
版权

今天在做某网站的日常维护时发现 chrome 的scrollTop突然获取失败，但 ie 系列和 edge 正常，最起码在9月中旬还能正常获取，表现如下 

版本

dxdiag : win10 64 10.0 15063

chrome ：  62.0.3202.75（正式版本） （64 位）

 

解决方法，如果在最外层监听 scrollTop 的参数，可以使用 window.scrollY 进行替代，可以返回正确结果

hellogen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
11-23
为了解决这个问题，可以使用jQuery的`$(document)`选择器，它在大部分情况下能提供兼容性的解决方案。 进一步地，为了提供平滑的滚动动画效果，可以使用jQuery的`animate()`方法。但是，需要注意的是，直接使用`$...
chrome浏览器的scrollTop问题
07-24 256
使用zepto里面的scrollTop()方法是没用哒~~~ chrome浏览器: document.body.scrollTop = 一个数值 其它浏览器:document.documentElement.scrollTop = 一个数值 转载于:https://www.cnblogs.com/liulangmao/p/3864866.html...
chorme不同版本下window.scrollTo方法的参数问题
muzimiaomiaopeng的博客
07-01 2841
今天同事测试项目的时候发现自己的chorme报错 用自己的电脑连接各种环境都没能重现，查了一下文档，发现window.scrollTo的参数有两种形式： 查看项目的代码，发现项目使用的是第二种，猜测会不会是浏览器版本不支持，查看同事的chorme，版本为59，自己电脑的则是75。装上59版本的chorme后，果然重现了，于是做了兼容处理，成功解决。 问题的源头就是chorme59不支持w...
解决浏览器缩放时ScrollTop失效
最新发布
qq_59625204的博客
08-18 642
而在浏览器缩放时，window.devicePixelRatio会变成比1还小，所以会导致scrollTop++一直是0，此时使用下方代码就可以解决了。在谷歌浏览器中使用scrollTop++会失效，是因为scrolltop++会解析成1*window.devicePixelRatio，
关于scrollTop的兼容问题
二次猿的博客
11-17 839
1、各浏览器下 scrollTop的差异
解决vue单页路由跳转后scrollTop的问题
10-18
总结来说，Vue单页应用中路由跳转后scrollTop问题的解决方法主要依赖于对Vue Router的深入理解和巧妙运用。通过全局滚动回调或自定义滚动行为，我们可以实现更优雅的页面滚动管理，提高用户体验。同时，这也体现了...
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
09-03
本文将详细解析这个问题，并提供相应的解决方案。 首先，`scrollTop`是一个用于获取或设置元素滚动条垂直位置的属性。在HTML文档中，`scrollTop`可以应用于`<body>`或`<html>`元素，但在不同的浏览器中，它们的表现...
使用scrollTop(）解决IOS中输入法遮挡输入框问题
08-29
使用 scrollTop() 函数可以解决 IOS 中输入法遮挡输入框问题，该方法简单易行，且无需使用其他复杂的解决方法。希望这篇文章能够对您有所帮助。 六、结语 本文系小编给大家介绍的使用 scrollTop() 函数解决 IOS 中...
元素scrollTop设置无效的原因及解决办法
热门推荐
wbr306408943的博客
04-10 6万+
在做项目时，需要设置一个隐藏的元素的scrollTop，然后将其显示。当时使用了jQuery的scrollTop方法，但是无效，百度了许久，仍找不出有效的解决方法。于是自己新建了一个网页用来测试scrollTop方法失效的原因，在一番折腾后，终于弄清楚了问题的原因和解决办法。      scrollTop失效的原因    当一个元素的display属性为'none'时，对该元素设置scroll
document.body.scrollTop的值总为零的解决办法
sleepwalker_1992的专栏
06-13 2万+
1、document.body.scrollTop的值总为零的原因 有一个功能需要判断下拉的距离，设置头部固定导航栏的颜色。 代码如下： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" c
获取/设置浏览器scrollTop，兼容低版本ie及各主流浏览器
Beamon__的博客
08-13 2669
考虑到兼容各个浏览器，以及兼容低版本ie，经过自己测试，提出以下方法封装，仅供参考： &lt;script&gt; /** * @method getScrollTop 获取scrollTop */ function getScrollTop() { var scrollTop = document.documentElement.scrollT...
浏览器获取正确的scrollTop值
weixin_30408309的博客
08-20 197
window.pageYOffset 被所有浏览器支持除了 IE 6, IE 7, IE 8, 不关doctype的事， 注IE9 开始支持此属性。 window.scrollY 被Firefox, Google Chrome , Safari支持 不关doctype的事, 注IE9 不支持此属性。 在（quirk 模式）的时候 document.body.scrollTop 在 I...
处理浏览器兼容所遇到的问题总结(一)
xyr05288的专栏
06-13 9915
之前开发项目时，前端调试都是以google chrome浏览器为准，现需处理浏览器兼容问题，现将遇到的问题总结如下：一. firefox 浏览器div下的table无水平滑动条<div id="tableContainer" style="height:420px;width:100%;" class="table-responsive"> <table id="demoTable" class=
scrollTop在FireFox与Chrome浏览器间的兼容问题
jiegeng2233的博客
01-18 2095
FireFox与Chrome的scrollTop的兼容问题 直到我今天在FireFox测试时发现，火狐下页面滚动的跳转功能无法使用。 1、原生接口测试 这里先提一下： document.documentElement 即   元素，而  document.body 即    元素。 测试结果，在火狐上只能通过html元素来获取和设定页面滚动高度，而
谷歌Chrome浏览器下document.documentElement.scrollTop取值异常的解决方法
技术改变人生
05-12 1208
var scroll_top; if (document.documentElement && document.documentElement.scrollTop) { scroll_top = document.documentElement.scrollTop; } else if (document.b
vue中scrollTop取值无效问题
小D科技的博客
09-28 8977
最近在写Vue中的微信公众号程序遇到个问题，div获取scrollTop始终是0 网上查询了下，大家发的都是兼容性的问题的处理......，关于DTD兼容的，这里我都试过，发现并没有用，到底问题是出现在哪里呢？后面发现dom元素选错了 ，，我有个goodList组件  在index页面的index-content盒子中渲染，先前我一直取用goodList组件的scrollTop，所以一直是零。后...
获取不到scrollTop的问题
weixin_34006468的博客
09-06 1633
今天在开发过程中需要获取scrollTop，但是不论是用原生的scrollTop还是JQ的scrollTop获取到的值始终为0。原来是DOCTYPE的坑。 <!DOCTYPE html> //获取scrollTop始终为0 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Tran...
vue 在mounted中使用$refs获取到dom后，想要改变该dom的scrollTop失败，请给出解决方法
06-02
如果你在mounted生命周期中使用$refs获取到DOM元素，但是尝试更改它的scrollTop属性失败，可能是因为此时DOM元素还没有渲染完毕。你可以将更改scrollTop属性的代码放在Vue....希望这个解决方法能够解决你的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值