onScroll

懒加载

Array.from(document.getElementsByTagName('img'))//获取window的高度varwindowHeight=window.innerHeightdocument.onscroll
大胡子哈登摩羯·2023-08-09 23:07

前端性能优化（一）

DOM查询进行缓存频繁DOM操作，合并到一起插入DOM结构节流防抖懒加载如，上滑加载、点击加载等varimgDemo=document.querySelector('#imgDemo')window.onscroll
YukiWeng·2023-08-08 02:02

吸顶效果

*/functionceiling(obj){varot=obj.offsetTop;document.onscroll=function(){varst=document.body.scrollTop
中建云筑股份有限公司·2023-08-05 04:57

JS一些常用的API

window.onscrollwindow.scrollYwindow.onscroll=function(){if(window.scrollY>0){topNavBar.classList.add(
七月凛冬·2023-08-04 09:10

函数节流和函数防抖

函数节流：//函数节流varcanRun=true;document.getElementById('throttle').onscroll=function(){if(!
ChronosAeon·2023-07-31 05:05

js实现表格首行首列固定滑动

这个方案是把表格分为4块，首行首列不可滑动，利用onscroll动态根据内容设置冻结首行首列内容。
请叫我大豆包·2023-07-31 04:32

JS 节流

每隔一秒计算一次位置信息等比如我们常见的谷歌搜索框的联想功能监听浏览器的滚动加载事件高频鼠标点击事件（也可做防抖）拖拽动画节流的初始状态Documentbody{height:1000px;}window.onscroll
要讲故事·2023-07-28 17:03

uniapp微信小程序scroll-view滚动scrollLeft不准确

的值都不准确原因：因为每次滚动监听事件都会被调用比较耗费资源系统会默认节流，可以在scroll-view加一个throttle=“{{false}}”关闭节流，如下：但是这种方法会影响性能，这是因为关闭节流后,onScroll
T3165919332·2023-07-27 01:30

函数的节流与防抖

最常见的应用场景一般是onrize，onscroll，mousemove等这些频繁触发的函数，比如你想获取滚动条的位置，然后执行下一步动作。
镜轩夕照·2023-07-21 00:21

js中的防抖和节流的常见用法，以及两者的区别

中的防抖和节流防抖和节流的常见用法防抖最常见的用法是在浏览器的滚动条的监听上滚动条执行的次数是非常频繁的，滚动一次会让方法块中的代码执行很多次，我们不需要这么频繁的调用功能块，使用防抖来解决这个问题//这里使用延时器进行了函数的防抖功能的实现lettimer;window.onscroll
不染-9732·2023-06-20 23:11

小程序 scroll-view 下拉到底部 onScrollToLower 不触发

或页面列表元素高度还没渲染出来，可能导致scroll-view的scrollToLower不触发特别是在部分安卓手机上，scroll-view滚动速度可以滑很快，快速滑动几乎是必现bug;我们首先尝试监听onScroll
fish_yijinc·2023-06-20 13:19

Android:GestureDetector.SimpleOnGestureListener,onFling,onScroll,velocityX,Y&distanceX,Y，kotlin

Android:GestureDetector.SimpleOnGestureListener,onFling,onScroll,recordvelocityX,Y&distanceX,YintheScrollView
zhangphil·2023-06-18 06:46

vue面试题003 vue中节流和防抖

1节流高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数执行频率使用场景：频繁触发，onscroll滚动条等，以为节流时监听到第一次触发事件后就执行，所以可以用来防止按钮多次点击执行次数，且按照第一次点击的事件为准
老胡说前端·2023-04-20 18:30

滚动事件

background-color:#f00;overflow:auto;}img{vertical-align:top;}//添加滚动事件document.querySelector('.box').onscroll
椋椋夜色·2023-04-14 15:36

js-监听页面滚动，跳转到指定滚动带动画效果位置

监听滚动返回Y轴的值window.onscroll=function(){//为了保证兼容性，这里取两个值，哪个有值取哪一个//scrollTop就是触发滚轮事件时滚轮的高度varscrollTop=document.documentElement.scrollTop
小凖·2023-04-05 15:25

angular监听页面滚动

window,'scroll').subscribe(e=>{console.log('页面滚动了');})window可换为指定元素；方法二：@HostListener('window:scroll')onscroll
酱酱酱酱将·2023-04-03 23:25

捕获DIV滚动条到底部事件

document.getElementById("divData").onscroll=function(){//varheight=document.getElementById("divData")
daniel_miau·2023-04-03 23:15

监听div滚动高度

监听窗口的滚动window滚动事件返回顶部//想在页面滚动的时候获取相关信息，试试下面的操作window.onscroll=()=>{console.log('document.documentElement.scrollTop
IICOOM·2023-04-03 22:05

JavaScript 防抖节流

debounce(防抖)因频繁执行DOM操作,资源加载等行为,导致UI停顿甚至浏览器崩溃window对象频繁的onresize,onscroll等事件拖拽的mousemove事件资源加载的load事件文字输入
coderlion·2023-03-28 22:31

前端性能优化——防抖

在开发中经常会遇到频繁触发的事件如onScroll，onChange等，当这些频繁触发的事件和请求相关联的时候，每次触发都去发请求会造成巨大的服务器压力，比如的实时保存，都是等待onKeyUp事件后500ms
发发呆哟·2023-03-28 14:07

create-react-app2.1，授权登陆，( ISO8061时间格式；UTC,GMT时间 ) ，动效，对象数组去重，字符集，base64转码，打包去掉.map文件

，字符集，base64转码，打包去掉.map文件，location,encodeURIComponent，word-wrap,word-break,white-space,text-overflow，onScroll
woow_wu7·2023-03-22 06:27

DOM事件

鼠标从某元素移开onload:页面加载时触发onchange:域的内容改变时发生onsubmit:表单中的确认按钮被点击时发生:有事件一定有对应一个处理结果，用函数表示onresize:浏览器的尺寸发生改变onscroll
努力进化·2023-03-19 17:51

antd4里table的滚动是如何实现的？

监听onScroll方法获取到滚动条向左的滚动的距离scrollLeft；同时
caicsama·2023-03-01 07:19

懒加载的原理

(2)实现原理监听onscroll事件判断资源位置;首先为所有懒加载的静态资源添加自定义属性字段，比如如果是图片，可以指定data-src为真实的图片地址，src指向loading的图片。
爱前端的喵喵·2023-02-03 21:51

react-native ScrollView的吸顶效果

_onScroll(e)}refreshControl={}>map循环数据列表。。。
冬天73051·2023-01-31 03:35

Gestures(手势)的使用和理解

滚动（onScroll）：手指在触摸屏上滑动。按住（onShowPress）：手指按在触摸屏上，它的时间范
雨田Android开发·2023-01-28 03:56

Web+图像目标检测项目—②前端代码逻辑

识别结果2.js部分box1-4的跳转逻辑window.onscroll=function(){varscrollTop=$(document).scrollTop();
街头~神秘人·2022-12-01 22:30

RN ScrollView简单实现无限轮播

如上图所示,需要实现一个简单的上翻轮播图,展示最新的三条数据错误思路onScroll={(event:any)=>{if(!
iOSTianNan·2022-09-28 06:02

vue和uniapp页面自动滚动到最底部

项目中自动滚动到最底部首先可以通过这个方法获取到当前滚动的元素是哪一个这个方法定义script标签里exportdefault外面然后滚动的时候可以在控制台中打印出当前滚动的什么元素functionfindScroller(element){element.onscroll
haosicx·2022-09-28 00:12

JavaScript实现无穷滚动加载数据

首先实现滚动要借助onscroll事件处理程序。无穷滚动就是滑动滚动条，实现数据块的无穷加载。我们以瀑布流的布局来实现无穷加载。瀑布流就是一些等宽不等高的数据块布局。在滚动条下拉时，它会进行加载。
·2022-05-20 18:19

vue写一个返回顶部

mounted中一定要用箭头函数exportdefault{data(){return{top:0,//定义一个高度show:false,};},mounted(){window.onscroll=()
仰.·2022-02-20 14:04

回答一下:为什么scrollTop总是0？

测试页面如下:testbody{height:2000px;}window.onscroll=function(){vartop=document.body.scrollTop;console.log(
留白的未来·2022-02-20 08:28

JS BOM教程

window.navigator.userAgentwindow.location="www.baidu.com";js制作侧边栏（跟随滚动）window.resize=window.onload=window.onscroll
yaya_pangdun·2022-02-20 03:04

2019-08-13

varcanRun=truedocument.getElementByID('scroll').onscroll=function(){if(!canRun)returncanR
悠悠前端仔·2022-02-17 00:16

[vue] 解决vue监听onscroll滚动条事件失效问题

方式一页面样式中存在over-flow：scroll，over-flow：auto的时候scroll事件监听不起作用，所以排查问题的时候首先需要考虑当前页面样式中是否存在over-flow;!!尤其是html,body中对overflow设置了hidden会auto;如下图image.png耳朵.jpg
clannad_·2022-02-15 05:33

js实现点击回到顶部

html代码回到顶部...回到顶部js代码letback=document.querySelector('.back')letdiswindow.onscroll=function(){dis=document.documentElement.scrollTop
lacduang·2022-02-15 00:50

js--事件流、事件委托、事件阶段

正文1、事件流HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件onclick、页面的滚动事件onscroll等等，可以向文档或者文档中的元素添加事件侦听器来预订事件。
丶Serendipity丶·2022-02-11 17:00

react Hook组件实现导航吸顶，锚点定位和页面滑动切换导航状态

点击菜单定位表格的思路：给循环的每个表格加ref，点击菜单，匹配到对应的表格的dom，使页面滑动指定的距离—dom.offsetTop,即表格距离上部的距离页面滑动切换选中色的思路：监听页面滑动的事件onscroll
通往技术自由之路·2022-02-10 16:40

函数节流和防抖

如鼠标移动事件onmousemove,滚动条事件onscroll，窗口大小改变事件onresize，瞬间的操作都会导致这些事件会被高频触发。
yanliting·2022-02-03 19:09

移动端项目-展示文章列表记住列表滚动位置

将下面的代码粘贴到调式工具中运行一下,然后滚动页面,就可以看到是哪个元素产生的滚动了.functionfindscroller(element){element.onscroll=function(){
·2021-11-29 22:28

Vue实现无限加载瀑布流

实现无限加载瀑布流的具体代码，供大家参考，具体内容如下我做的这个瀑布流放在了一个嵌套页面里，就是类似管理后台的maincontent中，如果要改成全屏的也很方便，其实更容易些，因为会避开一些在元素上使用onScroll
·2021-11-04 13:03

JS中的事件（上）

EVENT（上）之前我们简单的了解过一些事件，比如onclick/onload/onscroll/...今天开始，我们详细的学习一些事件什么是事件一个事件由什么东西组成触发谁的事件：事件源触发什么事件：
·2021-08-23 20:53

防抖节流的原理和使用场景，并实现防抖函数和节流函数

一、问题背景开发中，经常会遇到以下场景：监听鼠标移动onmousemove，监听页面滚动onscroll，监听大小变化onresize，监听input输入等。
李小苶·2021-07-24 16:00

ueditor编辑html问题总结

html结构解决了ueditor过滤替换标签的问题.pngtable嵌套table，的样式会乱掉解决了ueditortable不能嵌套的问题.png在ueditordestroy后，并没有注销window.onscroll
漓漾li·2021-06-26 13:24

JS的防抖，节流，柯里化和反柯里化

我们可以在不经意间用过他们但是你却不知道他们叫什么，没关系，相信看了今天的文章你会有一些收获的节流首先我们来搞一下节流，啥叫节流，就是将高频率触发事件变成低频率触发事件，举个简单的例子，但我们用window.onscroll
Vicky丶Amor·2021-06-22 07:35

同步滚动的解决方案

实现思路1.将两个需要同步滚动的元素分别绑定上onScroll，监听event变化,以及用于获取dom的idhandleScroll(e,'leftScroll')}/>handleScroll(e,'
爱翔是我二媳妇·2021-06-15 05:47

不够深入，绝对浅出的 Android 触摸事件机制

一、触摸事件对于触摸（Touch）触发的事件，在Android中，事件主要包括点按（onClick）、长按（onLongClick）、拖拽（onDrag）、滑动（onScroll）等，点按又包括单击和双击
邱穆·2021-06-11 17:56

事件对象及兼容性处理

onclick、onmouseover（onmouseenter）、onmouseout（onmouseleave）、onmousedown、onmouseup（拖拽效果）、onmousewheel、onscroll
McDu·2021-06-09 23:11

vue无感上拉加载更多

window.addEventListener('scroll',this.onScroll);onScroll(){//可滚动容器的高度letinnerHeight=document.querySelector
慕名66·2021-06-05 15:59

PullToRefreshListView不断响应onScroll事件

PullToRefreshListView的头部HeaderView中有一个ViewFlipper每隔3s滚动显示资讯，但是问题出现了，给PullToRefreshListView设置的滚动监听的回调方法onScroll
只取一勺·2021-06-04 08:47
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他