滚动条滚动到当前内容时，加载动画。

图中div的内容中，我会用animate.css 给他添加一个动画效果。但是我想要滚动条滚动到显示这块内容的时候动画效果再执行。请问各位大神，这种jquery应该怎么写。

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
Go 旅城通票 2017-01-05 02:22
关注
window添加scroll事件，判断你的对象出现在可视区域的时候再执行js动画效果或者添加动画css。和lazyload加载图片一个道理
jquery lazyload实现真正的延时图片加载

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

横向滚动条覆盖表格内容 ui
2017-05-23 06:11

回答 2 已采纳你肯定是不想出现横向滚动条的吧，那就把body再加一条设置：overflow-x：hidden; 把.dojoxGridMasterView里面设置的overflow:auto!important去
前端js怎么实现滚动条下拉，文字内容动态出现，上拉离开视口又消失 html5 javascript vue.js
2021-07-31 18:07

回答 1 已采纳网页可见区域宽度： document.body.clientWidth网页可见区域高度： document.body.clientHeight网页可见区域宽度： document.body.offse
请问js怎么能够定位滚动条滚动到哪个位置了 html5 javascript 前端
2022-11-25 08:28

回答 4 已采纳所有浏览器支持 window.pageXOffset 和 window.pageYOffset. 除了 IE8 以下，所有支持 scrollLeft 和 scrollTop https://jingy
html/css 滚动到元素位置，显示加载动画-前端入门
2020-07-03 15:13

猿说前端的博客每次滚动到元素时，都显示加载动画，如何添加？元素添加初始参数以上图中的动画为例，添加俩个左右容器，将内容放置在容器内部。添加初始数据，默认透明度0、左右分别移动100px。 //左侧容器 .item-...
css 滚动条位置怎么修改 css3 html 前端
2022-04-08 16:48

回答 1 已采纳把滚动的盒子的margin换成padding试试保证盒子的右边位置贴着屏幕最右边就行
请问如何将滚动条置底？ html javascript 前端
2022-01-03 03:31

回答 2 已采纳 var div = document.getElementByClassName('content)[0]; div.scrollTop = div.scrollHeight;
前端，如何将 div 钉在屏幕的中间随着滚动条滚动? bootstrap javascript 前端
2021-12-27 16:26

回答 1 已采纳 postion:fixed 或者 position:sticky，有兼容性的问题，记得加浏览器兼容前缀
官网滚动到元素位置，显示加载动画
2022-12-08 11:01

小曲曲的博客 } } 触发动画页面加载/刷新触发 - 在componentDidMount中执行页面滚动时触发 - 在componentDidMount、componentWillUnmount添加监听/注销页面滚动的事件校验当前滚动高度与元素的位置差异： window.pageYOffset...
请问为什么js滚动滚动条到顶部之后就不能动了？ javascript jquery
2017-10-12 14:26

回答 1 已采纳 1. ht.animate({"scrollTop":nowHeight},1000) 这里的scrollTop 会再次调用scroll 滚动事件 2.逻辑不对 if 判断这里逻辑不对
wpf中DataGrid如何添加水平滚动条
2016-12-12 02:06

回答 1 已采纳 http://blog.csdn.net/withdreams/article/details/7506062
Datatables隐藏滚动条的方法,或是为DataTables添加css javascript 前端有问必答
2022-02-17 10:44

回答 3 已采纳你看一下这个overflow:auto上面的class是什么，可以强制修改，直接在你的css里 .new-pmd .c-gap-bottom-xsmall{ overflow:overlay !i
vue3 页面滚动到可视区域时展示动画
2022-12-27 15:37

爱美丽007的博客 vue绑定类的写法(以前没见过这种写法！,左边是类名右边是布尔值，布尔值为true时类显示。。
layui表格怎么让滚动条不变。 javascript layui 前端
2022-06-24 17:46

回答 2 已采纳再点击按钮前获取到当前滚动条的位置，点击后也定位再这
监听页面滚动到指定位置进行动画
2023-04-11 17:58

椛七的博客今天遇到的问题是页面滚到到指定区域，给背景图片添加一个向左移动的动画，刚开始是使用的是wow加上animated动画，但是存在还没有滚动到该区域的时候就已经完成了动画的问题。所以后面考虑使用js来监听滚动的距离，...
vue门户网站，滚动到可视化区域展示动画效果方案
2023-03-28 17:51

H_shaohui的博客 vue门户网站，滚动到可视化区域展示动画效果方案。添加 data-wow-offset="200" 效果：当元素距离可视区域200时开始执行动画（元素顶部到浏览器底部的距离）若想动画无限重复播放，则使用 data-wow-iteration=...
没有解决我的问题, 去提问

悬赏问题

¥15 HFSS 中的 H 场图与 MATLAB 中绘制的 B1 场部分对应不上
¥15 如何在scanpy上做差异基因和通路富集？
¥20 关于#硬件工程#的问题，请各位专家解答！
¥15 关于#matlab#的问题：期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707，使系统具有较小的超调量
¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
¥30 截图中的mathematics程序转换成matlab
¥15 动力学代码报错，维度不匹配
¥15 Power query添加列问题
¥50 Kubernetes&Fission&Eleasticsearch
¥15 報錯：Person is not mapped，如何解決？