ipad 浏览器对于onscroll的延迟

最新推荐文章于 2021-12-22 00:54:14 发布
最新推荐文章于 2021-12-22 00:54:14 发布
阅读量195 收藏
点赞数
分类专栏： 前端技巧
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sauzny/article/details/84281617
版权
ipad 浏览器对于onscroll的延迟

呃，我的博客没什么人看~这个文章是看的最多的~

但是真悲剧~这个还真是无解~~至少我是不会了~ 苹果的的浏览器，我是真不会啊 也希望有哦大神能指点

虽然不能从根本上解决，但是可以从侧面解决这个问题

常见的做法就是增加一个 标识变量 flag

我个人感觉增加这个之后，对于解决onscroll延迟是完全可以解决的~

实际上我也解决了这个问题

但是 对于 flag 增加到何处，何时改变其值，达到想要的效果，就看个人的功力了

（其实我也是被人指导之后才解决的~我的flag开始的时候加的位置就不对……）
sauzny
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
onscroll事件揭秘
01-18
对于现代JavaScript，还可以使用`async/await`和`throttle/debounce`技术来优化`onscroll`事件处理，防止性能问题。`throttle`限制事件处理函数在一定时间内只执行一次，而`debounce`则确保在一段时间内不重复执行，...
JS简单实现DIV相对于浏览器固定位置不变的方法
10-22
本文将深入讲解如何使用 JavaScript 实现 `DIV` 相对于浏览器固定位置不变的方法。 首先，我们要了解一些基本概念。在 HTML 中，`position` 属性用于定义元素的位置，其值可以是 `static`、`relative`、`absolute` ...
微信小程序scroll事件/onPageScroll事件的延迟问题
w001yy的博客
06-15 7469
需求 在前端开发中，我们经常会遇到一个需求，在页面进行滚动操作的时候，当页面其中的某个元素滚动到某个位置，我们就让该元素停留在该位置。等到滚动小于某个值的时候，再让该元素继续随着页面滚动。这就是我们平时说的吸顶效果。 实现方法 实现思路：定义一个isFixed属性，设置该属性的样式为position:fixed,当滚动到某个高度时，设置position:fixed样式，用滚动来监听事件，微信小程序中有onPageScroll事件，然后通过scrollTop值来设置isFixed 问题：如果我们单纯设置这样
【第1143期】优化移动端window.onscroll的执行频率方案
前端早读课
12-19 819
前言幸亏有自动化工具，让“工作”更省时间了。今日早读文章由新浪移动@敖爽分享。正文从这开始～脑洞爆炸的背景最近发现在移动端 很多时候页面滑动的速度快的时候 ， 动效呈现的不稳定性越明显 ， 会不流畅； 虽然使用css3的过渡可以从视觉层面解决这个问题 ， 但是并不能根治， 于是乎想到了一个方案。。。requestAnimationFrame（RAF）h5新增的用于刷帧的api ， 大家可以网上找到
滚动div（有延迟）
abc1498880402的博客
12-08 710
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dt
day12 - JavaScript的三大组成部分及方法、移动端适配、高频率触发事件的处理方案
小高今天早睡了吗？
12-22 1547
一、JavaScript的三大组成部分 1.ECMAScript： ECMA是（欧洲计算机制造商协会）它规定了js的语法标准。 2.BOM： BOM（browser object model）：浏览器对象模型。就是浏览器自带的一些功能样式，如搜索框，设置，等学习浏览器窗口交互的对象 3.DOM： DOM（document object model）：文档对象模型。规定了文档的显示结构，可以轻松地删除、添加和替换节点 二、BOM 1.认识BOM： 每个浏览器窗口都是一个window对象 在每一次打开一个页面
JavaScript触发onScroll事件的函数节流详解
10-20
的内容是说说最近在工作中遇到过的常见的问题。主要是关于JavaScript触发onScroll事件的函数节流，文中由一个常见的问题开始展开，一步步的介绍解决的方法，有需要的朋友们下面来跟着小编一起看看吧。
浏览器可以注册的事件小结
09-22
- `onMove`、`onResize`、`onScroll`、`onStop`、`onUnload`：处理窗口移动、大小调整、滚动、停止加载和页面卸载的情况。 3. **表单相关事件**： - `onBlur`、`onFocus`：表单元素失去焦点和获取焦点时触发，...
js简单实现图片延迟加载的方法
10-21
4. `getPos` 函数用于获取图片相对于浏览器视口的位置。通过遍历图片的offsetParent，累加offsetLeft和offsetTop，我们可以计算出图片在页面中的位置。 ```javascript function getPos(obj) { var l = 0; var t =...
移动端页面 滚动结束 判断
weixin_30607029的博客
04-28 534
在做移动端的需求有时候需要用到对滚动结束进行事件绑定以完成一定的功能，先来了解一下现状。 在移动端，正常的一次swipe动作会依照以下顺序触发事件： touchstart -> touchmove -> touchend ->scroll 一、IPAD 通过以下代码进行测试： 　　　　 var timestart =0; var timer ...
window.onscroll 的优化写法
u012447756的博客
06-16 951
function addEventOnScroll(func) {         var oldOnscroll = window.onscroll;         if (typeof window.onscroll !== 'function') {//如果window.onscroll 上没有方法就直接把该方法赋给window.onscroll             window
vue实现监听滚动条
热门推荐
echo_Ae的博客
07-26 2万+
其实你百度了一下基本都是 mounted() { window.addEventListener('scroll', this.handleScroll) }, methods: { handleScroll() { console.log('a') } } 如何你复制过去基本不会调用handleScroll函数...
鼠标滚动事件onscroll在firefox/chrome/Ie中执行次数的问题处理
cmz的专栏
02-27 1300
要写一个滚动条滑动加载图片的程序，研究了一下onscroll在不同浏览器里的执行次数,分别如下： var i=0; E.addHandler(window, 'scroll', function(){ console.log(i++); }) firefox chrome ie8 总结 滚轮动一下ie执行的次数太多了，需要写个
关于IOS设备window onscroll滚动条滚动事件不触发的问题
bwcx_jzy 的博客
03-08 1万+
http://blog.hooperui.com/%E5%85%B3%E4%BA%8Eios%E8%AE%BE%E5%A4%87window-onscroll%E6%BB%9A%E5%8A%A8%E6%9D%A1%E6%BB%9A%E5%8A%A8%E4%BA%8B%E4%BB%B6%E4%B8%8D%E8%A7%A6%E5%8F%91%E7%9A%84%E9%97%AE%E9%A2%98/ 这...
如何提升scroll等频繁触发事件的性能？
piziting的博客
08-15 3798
如何提升scroll等频繁触发事件的性能？ 对于scroll,resize,mousemove等事件，短时间可能被频繁触发，影响性能。若回调函数中涉及到元素重绘、DOM操作等耗时工作，可能导致在下一次scroll触发前回调未完成，造成掉帧。 解决方案 （一）防抖 让函数延迟触发，若在一定时间内再次触发事件，清除计时器，重新计时 适用场景：scroll停止事件，input输入ke...
onscroll 函数
最新发布
04-23
onscroll函数是JavaScript中的一个事件处理程序，它触发于元素滚动时。它经常用于动态加载内容，或者实现浮动效果等。当页面滚动时，onscroll函数会为元素添加一个滚动事件监听器，每当滚动事件发生时，该监听器都会被触发执行。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值