IOS/Safari下document对象的scrollHeight值比Chrome更大

最新推荐文章于 2024-02-23 16:45:14 发布
最新推荐文章于 2024-02-23 16:45:14 发布
阅读量674 收藏 1
点赞数
文章标签： 移动开发
原文链接：http://www.cnblogs.com/wuguanglin/p/scrollHeight-in-IOS.html
版权

之前写滚动加载更多需求时，写了这样一段错误代码

应该获取滚动列表的scrollHeight、clientHeight和scrollTop而不是整个页面的。

因为整个页面不仅包括了滚动列表，还包括了头部，导致产生了BUG:在IOS下无法滚动加载更多。

虽然bug解决了，解决办法是给滚动列表加上ref,然后通过$refs来访问dom节点获取更加准确的scrollHeight、clientHeight和scrollTop。

 

但是发现了document对象的scrollHeight值在IOS下是比在Chrome下更大的。

先记录下，日后有时间写demo找找更深层的原因。

 

转载于:https://www.cnblogs.com/wuguanglin/p/scrollHeight-in-IOS.html

weixin_30399797
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
安卓和ios的scrollTop获取的值不一致的问题记录
weixin_45626517的博客
08-11 987
一段下拉刷新的代码出现了兼容bug，按理说利用 scrollHight <=clientHight *2+ scrollTop就能判断出下拉的情况，然后在触发刷新函数。代码如下： 但是在使用document.documentElement.scroll获取滚动值的时候，在ios上可以得到对应的值，但是在安卓上不管怎么滑动怎么都是0。 之后我就换成document.body.scrollTop,如下： 然后就更奇...
IOS中scrollsToTop问题小结
热门推荐
集结号
06-19 2万+
scrollsToTop小结 UIScrollView是用来展示滚动的一个类。他有UITableView、UITextView等子类， scrollsToTop是UIScrollView的一个属性，主要用于点击设备的状态栏时，是scrollsToTop == YES的控件滚动返回至顶部。 每一个默认的UIScrollView的实例，他的scrollsToTop属性默认为YES，所
iOS UIWebView 获取内容实际高度，关闭滚动效果
weixin_34237596的博客
02-22 84
近期做东西，将 UIWebView 嵌套在 UIScrollView 里，由 UISCrollView 控制滚动，需要使 UIWebView 的高度同内容高度一致，网上搜索的到代码：<!--lang:cpp-->htmlHeight=[webViewstringByEvaluatingJavaScriptFromString:@"document.bo...
JS 中关于document和window对象的一些值： scrollHeight,scrollLeft,scrollTop,scrollWidth等。。
前端端的博客
07-17 591
昨天写了个浏览器窗口有滚动条的拖拽，发现自己对这些值实在不熟悉，今天一边调试一边来找到出答案。 1.document.documentElement.clientHeight : 可视区域的高度  (documentElement可以用body替换，值相同)** 2.document.documentElement.offsetHeight :与上相同 （width属性也一样，但换成bod
关于Chrome谷歌浏览器版本更新对 document.body.scrollHeight 等 兼容日常小记
最新发布
lmj3732018的博客
02-23 71
1、document.documentElement.scrollTop和document.body.scrollTop始终有一个为0，所以可以用这两个的和来求scrollTop。分割线---------------------------------------------------document.documentElement.scrollHeight——浏览器可视部分高度。document.documentElement.scrollHeight——浏览器可视部分高度。
哪款浏览器好用_iPhone神级浏览器，终于出安卓版了，真香！
weixin_39568781的博客
10-21 416
记得前年我推荐过App Store上的苹果神级浏览器：Alook浏览器，那个浏览器功能很多，以至于当初说的不像iPhone上的app，所以那个时候很多搞机党就在开发者微博各种求安卓版。如今两年过去了，它真的来啦，且功能基本和iPhone版一致，而且免费，体验很不错。「软件概览」app名字叫做：Alook浏览器，功能很多，比如无广告、音视频倍速悬浮播放、全格式电子书阅读、智能拼页、看图模式、内置广告...
jQuery实现判断滚动条滚动到document底部的方法分析
10-16
在网页开发中，有时我们需要监听用户的滚动行为，特别是在无限滚动或加载更多内容的场景下。本文将详细解析如何使用jQuery来实现判断滚动条滚动到document（文档）底部的方法。这个功能通常用于动态加载数据，例如...
ff chrome和ie下全局动态定位的异同及全局高度的取法
12-09
document.documentElement.scrollHeight 浏览器所有内容高度 ,document.body.scrollHeight 浏览器所有内容高度 document.documentElement.scrollTop 浏览器滚动部分高度，document.body.scrollTop 始终为0 document....
CSS控制div宽度最大宽度/高度和最小宽度/高度的方法
09-24
`min-width`确保元素的宽度不会小于指定值，而`max-width`则限制元素的最大宽度。同样，`min-height`和`max-height`属性则用来控制元素的高度。这些属性对于响应式设计尤其重要，它们允许元素根据屏幕尺寸或容器大小...
iOS获取cell中webview的内容尺寸
09-01
通过执行JavaScript代码`document.body.scrollHeight`，我们可以得到网页内容的总高度，并将其设置为webView的高度。然后，通过代理方法将高度传递给外部。 ```objc - (void)webViewDidFinishLoad:(UIWebView *)...
JS获取scrollHeight问题想到的标准问题
10-30
如果没有文档声明可以用 document.body.scrollHeight,如果有文档声明必须用 document.documentElement.scrollHeight关于这方面的东西
滚动高度和位置
qq_53245972的博客
09-28 1494
js 滚动高度和位置，返回顶部，导航栏固定案例
document.body.clientHeight 和 document.documentElement.clientHeight的区别
ajpr3120的博客
03-25 87
document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度 转载于:https...
safari浏览器计算div高度不一致
风烟
07-03 2210
渲染之前window.onload是一个值，渲染完成之后是另一个值。 原因 http://www.w3help.org/zh-cn/causes/RD5017 行高没有设置，导致渲染前计算的行高和实际出来的高度不一致导致的 解决方案 统一给body设置line-height进行继承，这样计算高度就不会有问题了 ...
记font-family的坑（clientHeight 和 scrollHeight 不相等）
weixin_45143856的博客
11-30 299
组件封装 font-family的坑 clientHeight 和scrollHeight 不相等
关于clientHeight、scrollHeight、offsetHeight、window.innerHeight、window.outerHeight等元素及浏览器属性浅析
qq_44382590的博客
09-20 2367
前几天笔试碰到了一道关于可视区域高度通过什么属性取值的问题，面对四个选项一脸傻样儿，赶紧复习了一下。发现element的clientHeight、scrollHeight、offsetHeight和window的outerHeight、innerHeight、screen.height这几个属性还真不好区分，在网上查阅一番资料后，总结出来供以后参考。 这篇文章会说明documentElement（html）、body、普通的element（如div）作为Element对象...
HTTP ClientHeight
11-03 308
<br /><br /> <br /> <br /> <br /><br />从图中，我们可以看到一个浏览器窗口，窗口被我故意拖小了，这样形成了滚动条，所以网页上端的内容就隐藏在了窗口上面，网页下端的内容就隐藏在了窗口下面。<br />clientHeight、offsetHeight 和 scrollHeight 大致可以这样解释（详细内容请仔细阅读后面的内容）：clientHeight 图中那块白的的高度。offsetHeight、scrollHeight 图中白的+上阴影部分+下阴影部分，也就是网页内
ie7浏览器_4种方案解决CSS浏览器兼容性问题
weixin_39630637的博客
11-14 515
点击右上方红色按钮关注“web秀”，让你真正秀起来前言前端是一个苦逼的职业，不仅因为技术更新快，而且要会的东西实在太多了，更让人头疼的是，还要面临各种适配、兼容性问题。4种方案解决CSS浏览器兼容性问题为什么会有浏览器兼容性问题？还不是因为浏览器厂商太多了！Chrome，Frirefox，Safari，Edge，IE6，IE7，IE8，IE9...360安全浏览器，qq浏览器，世界之窗，TT，搜狗...
js -- 获取浏览器高度以及clientHeight、scrollHeight、offsetHeight区别
bobobocai的博客
11-22 8911
//浏览器卷去部分高度 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //浏览器窗口高度，已做兼容 var winHeight; if (window.innerHeight) { winHeight = window.innerHeig
document.documentElement.scrollHeight
04-28
这是一个JavaScript代码，...document.documentElement是文档对象模型（DOM）中的根元素，scrollHeight属性表示元素内容的总高度，包括不可见的部分。因此，document.documentElement.scrollHeight表示整个文档的高度。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值