社区
JavaScript
帖子详情
如何实现当页面下拉到某个特定位置,执行【一次】某个特定的函数
MrBin1994
2017-02-19 08:22:50
我试了一下给$(window)绑定scroll事件,通过监听scrollTop的改变执行函数,可是鼠标滚一次,函数就调一次,不是只调用一次的效果,该怎么实现呢
...全文
188
2
打赏
收藏
如何实现当页面下拉到某个特定位置,执行【一次】某个特定的函数
我试了一下给$(window)绑定scroll事件,通过监听scrollTop的改变执行函数,可是鼠标滚一次,函数就调一次,不是只调用一次的效果,该怎么实现呢
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
jac-song
2017-02-20
打赏
举报
回复
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="jquery.js"></script> <script type="text/javascript"> $(function(){ $(window).scroll(function(){ var scrollTop=$(this).scrollTop(); if(scrollTop%500>=450){ console.log(scrollTop); alert(scrollTop); } }); }); </script> </head> <body style="height:6000px"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> </html> 以上代码写的并不完美,仍希望对楼主有所帮助
a2812120
2017-02-20
打赏
举报
回复
加一个判断,是否执行过这个函数 避免多次执行
vue 详情界面返回列表界面保留原来浏览
位置
vue 详情界面返回列表界面保留原来浏览
位置
需求
实现
方法一、先缓存列表界面二、获取
下拉
列表的
位置
三,获取并设置scrollTop 需求 1.现有一个列表界面page1,列表详情界面page2。 2.先从列表界面page1进入到列表详情界面page2,然后从page2回到page1之后,列表界面page1的
位置
不刷新(即回到原来的浏览
位置
)
实现
方法 一、先缓存列表界面 1.先在路由管理文件index.js中添加meta属性 { path: '/datadetail',
Tab栏滚动高亮与
下拉
框问题解决方案
本文提供了解决Tab栏滚动高亮与
下拉
框交互冲突的完整方案。通过动态存储和更新锚点
位置
信息,结合ResizeObserver监听内容区域变化,
实现
了精准的Tab高亮效果。关键点包括:使用isDropdownOpen标记优化性能、反向遍历算法确定当前区域、防抖技术减少滚动事件计算次数。该方案解决了
下拉
框展开导致内容
位置
变化时的高亮错误问题,确保了在各种交互场景下的准确高亮显示。
小程序如何监听
页面
的滚动事件
在小程序开发中,监听
页面
的滚动事件是一个常见的需求。通过监听
页面
的滚动事件,我们可以
实现
一些特殊效果,例如懒加载、
下拉
刷新等。本文将介绍如何在小程序中监听
页面
的滚动事件,并给出一些实用的示例代码。
React js 点击输入框其它
位置
隐藏
下拉
框
React js 点击输入框其它
位置
隐藏
下拉
框
Ajax
实现
二级联动
下拉
列表的详细指南
本文还有配套的精品资源,点击获取 简介:本文详细介绍了如何通过Ajax技术
实现
网页中二级联动
下拉
列表功能,以提升用户体验。通过监听一级
下拉
列表的选择变化,发送异步请求到服务器并获取相应数据,动态更新二级
下拉
列表的内容。文章阐述了
实现
这一功能的步骤,包括创建HTML结构、编写JavaScript监听器、发送Ajax请求、处理服务器响应以及服务器端数据查询和返回。此外,还涉及了...
JavaScript
87,989
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章