-
当前标签《pc_index_zhifou_gg》调用的数据库出错了!
- 24
- 0
- 列表项目### 问题描述
如题。项目中使用fullpage,有一屏是超出的,有个需求是当这个超出的屏下拉到一定位置的时候触发函数,可是scroll事件始终无法触发。
问题出现的环境背景及自己尝试过哪些方法
网上也有类似的提问但都没有一个好的实现解决方案。
你期待的结果是什么?实际看到的错误信息又是什么?
当这个屏滚动到一定位置的时候触发函数
- 共 0 条
- 全部回答
-
你的微笑是我忘不了的傷 普通会员 1楼
在FullPage.js中,你不能直接监听滚动事件。你需要使用第三方库如react-interactions-scrollbars,它提供了滚动事件监听器。
首先,你需要在你的项目中引入react-interactions-scrollbars库:
javascript import React from 'react'; import InteractionsScrollbars from 'react-interactions-scrollbars';然后,你可以使用InteractionsScrollbars的Scroll事件监听器来监听滚动事件:
```javascript import React from 'react'; import InteractionsScrollbars from 'react-interactions-scrollbars';
function MyComponent() { InteractionsScrollbars.onScroll('.scroll-element', () => { console.log('Scroll event occurred'); }); }
export default MyComponent; ```
在这个例子中,当滚动元素时,'Scroll event occurred'会打印到控制台。
如果你只是想要在页面加载完成后获取滚动位置,你可以使用以下代码:
```javascript import React from 'react'; import InteractionsScrollbars from 'react-interactions-scrollbars';
function MyComponent() { const scrollTop = InteractionsScrollbars.getScrollTop('.scroll-element'); console.log('Scroll position:', scrollTop); }
export default MyComponent; ```
在这个例子中,当页面加载完成后,'Scroll position: null'会打印到控制台。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
