社区
JavaScript
帖子详情
如何实现当页面下拉到某个特定位置,执行【一次】某个特定的函数
MrBin1994
2017-02-19 08:22:50
我试了一下给$(window)绑定scroll事件,通过监听scrollTop的改变执行函数,可是鼠标滚一次,函数就调一次,不是只调用一次的效果,该怎么实现呢
...全文
186
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.js
实现
列表界面浏览
位置
不刷新的需求展开。先在路由管理文件添加meta属性并使用
特定
标签缓存列表界面,接着在列表详情组件中获取
下拉
列表
位置
并存储,最后通过获取并设置scrollTop值,在钩子
函数
中操作
实现
返回列表时
位置
不变。
Tab栏滚动高亮与
下拉
框问题解决方案
该博客提供了解决
页面
滚动时Tab栏高亮显示与
下拉
框交互冲突问题的方案。通过基本数据结构与状态管理、初始化锚点
位置
、动态更新锚点
位置
等一系列操作,
实现
实时跟踪内容变化、高效条件
执行
、准确区域判断和完善事件处理,解决传统方案定位问题。
小程序如何监听
页面
的滚动事件
本文聚焦小程序开发,介绍如何监听
页面
滚动事件。滚动事件好处众多,如
实现
页面
滚动效果、加载更多数据、懒加载图片和
实现
动态效果等。文中给出监听滚动事件的方法,并列举懒加载图片、
下拉
刷新等实用示例,助开发者提升小程序用户体验。
React js 点击输入框其它
位置
隐藏
下拉
框
本文介绍如何在React中
实现
点击
页面
空白处隐藏
特定
组件(如搜索框
下拉
菜单)的功能。通过在document上绑定点击事件,并利用事件冒泡原理,结合React组件内部阻止冒泡的方法,可以达到良好的交互效果。
Ajax
实现
二级联动
下拉
列表的详细指南
本文详细介绍用Ajax技术
实现
网页二级联动
下拉
列表功能,以提升用户体验。阐述了
实现
步骤,如创建HTML结构、编写JavaScript监听器、发送Ajax请求、处理服务器响应等,还涉及服务器端数据查询和返回,以及错误处理和用户体验优化建议。
JavaScript
87,990
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章