h5坑：scrollTop取值非整数

最新推荐文章于 2023-06-29 16:11:10 发布
最新推荐文章于 2023-06-29 16:11:10 发布
阅读量807 收藏 2
点赞数
分类专栏： 一些实现
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013584334/article/details/90266861
版权

背景：做上拉加载需求时，需通过滑动条滚动时判断e.scrollTop+e.clientHeight === e.scrollHeight实现。

坑1   端内的h5取到的scrollTop非整数

型号：oppo X9、小米 MIX2

解决：应用Math.round(scrollTop)四舍五入判断

坑2   在坑1存在的情况下，还有手机滑动过快时，取得的e.scrollTop+e.clientHeight值大于e.scrollHeight

解决：判断e.scrollTop+e.clientHeight >= e.scrollHeight

凉拌菜是个汉堡包
关注
专栏目录
关于js在chrome游览其中滚动事件scrollHeight - scrollTop得出的值为小数的解决方法
MrEres_code的博客
04-10 1316
1.关于js在chrome游览其中滚动事件scrollHeight - scrollTop得出的值为小数的解决方法 代码 // An highlighted block window.onload = function() { //获取id标签元素 var info = document.getElementById("info"); //绑定滚动事件 info.onscroll = function() { //测试数值 var a = info.scrollHeight - info.sc
H5切换页面，滚动条到顶部
LILEILEILOVE的博客
07-22 1699
1.main.js中引入文件方法 import { scrollTop} from '@utils/page router.afterEach(r=>{ if(r.meta.keepAlive) return; scrollTop() 2.创建方法文件page.js export function scrollTop(){ window.scrollTo(0,0) }
scrollTop踩坑
harry_yaya的博客
09-03 337
scrollTop踩坑 业务场景 通过webUSB 连接开发板，开启Serial串口进行通讯。 因为开发板在串口开启后会一只像web端传输数据，我们拿到这个数据之后，要返回到用户界面，类似于实现terminal之类的页面返回给用户。 目的 每条数据到达web端，就反馈到用户界面。数据超过了一定数量之后，显示数据到区域应该会进行实时滚动。 我这里打算用到是js 中的scroll去实现，每次一条数据到达web端的时候，控制对应的div scrollTop = scrollTop + 21 ,其中21是一行数据
避坑08_解决scrollTop是小数造成的问题
linxwx的博客
06-26 4289
解决方法：巧妙运用小于号。` if(info.scrollHeight - info.scrollTop < info.clientHeight) `
vue 监听滚动条 到底事件
AmbroseLe
10-29 1632
mounted() { let that = this; this.$nextTick(() => { // this.initScroll() window.onscroll = function () { //变量scrollTop是滚动条滚动时，距离顶部的距离 var scrollTop = document.documentElement.scrollTop || document.body.scro.
h5滑动底部兼容安卓document.documentElement.scrollTop
最新发布
qq_30351747的博客
06-29 942
h5滑动底部兼容安卓document.documentElement.scrollTop
前端非框架类知识点汇总
weixin_46044936的博客
07-26 2501
html单词库 <link rel="stylesheet" href="css文件路径">css引入 <iframe src="danghang.html" width="100%" height="310px" frameborder="0"></iframe> 图片标签： img src="" title="" alt="" src属性 是指图像文件路径 alt属性 是在图片加载不出来时替换成文本 title属性 是在鼠标悬停的时候显示 srcset属性 是在不
HTML5、CSS、JS基础
qq_49101841的博客
03-03 2300
学习笔记
小白IT:如何快速写出一个前端页面（网页），Python中如何使用前端语言什么是？JavaScript？BOM&DOM？Bootstrap？？
yidianyidei的博客
05-19 4016
JavaScript前端语言 1.什么是JavaScript语言 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。用来给HTML页面增加动态功能 2.ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者–Netscape公司，将JavaScript提交给国际标准化组织ECMA。 次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是
HTML 与 CSS
LemonStars的博客
07-13 738
新手所学基础：html与css样式
javascript中scrollTop详解
10-24
本文主要给大家介绍了javascript中的scrollTop方法，以及scrollTop在各大浏览器的兼容性情况的详细测试，十分的细致全面，这里推荐给大家，有需要的小伙伴可以参考下。
使用scrollTop(）解决IOS中输入法遮挡输入框问题
08-29
ios浏览器上输入法会弹出遮挡输入框问题，下面小编给大家分享scrollTop(）解决IOS中输入法遮挡输入框问题，一起看看吧
原js笔记
Pwsifeng的博客
01-10 2582
s原生JS笔记 电话：17339853876（微信同号） 二阶段学习内容 1、B/S架构（web结构） [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4LYi0Arv-1641803458638)(img1628929434621.png)] 2、前端工程师的工作 人机交互 前后端交互 3、HTML、CSS、JS的作用和关系 一个网页由三部分组成：HTML、CSS、Javascript HTML： 结构（静态） [外链图片转存失败,源站可能有防盗链
top在html5里什么意思,html中的scrolltop是什么意思
weixin_33364627的博客
06-27 574
scrolltop是jQuery中的一个方法，它可以设置 元素中滚动条的垂直偏移量，基本的用法是：scrollTop() 方法返或设置匹配元素的滚动条的垂直位置。scroll top offset 指的是滚动条相对于其顶部的偏移。如果该方法未设置参数，则返以像素计的相对滚动条顶部的偏移。工具原料：jQuery、编辑器、浏览器1、在一个有内容的div中是吸纳设置滚动条的偏移量和获取偏移量的值，代码...
滚动加载分辨率scrollTop小数问题
weixin_44905572的博客
08-03 851
滚动加载到底 分辨率 滚动加载
实现页面顶部滚度条
weixin_43019353的博客
11-25 688
效果图 实现代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
原生js获取scrollTop
A13330069275的博客
05-09 2039
1、各浏览器下 scrollTop的差异 IE6/7/8： 对于没有doctype声明的页面里可以使用document.body.scrollTop来获取 scrollTop高度； 对于有doctype声明的页面则可以使用document.documentElement.scrollTop； Safari: safari 比较特别，有自己获取scrollTop的函数 ：win...
【 H5触底滚动分页加载】
xiao_zhu_ting_feng的博客
07-18 1091
H5上拉触底加载
scrollTop获取一直为0的解决方法(vue3开发h5)
wanghao31的博客
02-25 2231
document.documentElement.scrollTop获取一直为0的解决
JavaScript滚动属性详解：scrollTop、scrollHeight、offsetTop与offsetHeight
"这篇学习笔记主要探讨了JavaScript中与页面滚动相关的几个重要属性：scrollTop、scrollHeight、offsetTop和offsetHeight。这些属性在处理页面布局和动态效果时扮演着重要角色，尤其对于开发者来说，理解它们的工作...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值