账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    fullpage.js中无法监听scroll事件。
    24
    0
    1. 列表项目### 问题描述

    如题。项目中使用fullpage,有一屏是超出的,有个需求是当这个超出的屏下拉到一定位置的时候触发函数,可是scroll事件始终无法触发。

    问题出现的环境背景及自己尝试过哪些方法

    网上也有类似的提问但都没有一个好的实现解决方案。

    你期待的结果是什么?实际看到的错误信息又是什么?

    当这个屏滚动到一定位置的时候触发函数

    2
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 在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'会打印到控制台。

    更多回答
    网站公告
      当前标签《pc_index_zhifou_gg》调用的数据库出错了!
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部