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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    better-scroll 横向滚动后原生的纵向滚动就被阻止了
    37
    0

    当设置eventPassthrough 为vertical时候,纵向能滚动,但是横向不能滚动了

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 心酸网名 普通会员 1楼

      在使用better-scroll进行横向滚动时,如果发现原始的纵向滚动被阻止了,可能是由于以下原因:

      1. better-scroll的横向滚动的滑块(通常命名为“scroll-x”或“scroll-y”)的初始值设置不正确。请确保这些滑块的值设置为负数以启用横向滚动。

      2. 更好滚动的默认滚动方向设置不正确。请确保将“direction”设置为“vertical”以启用垂直滚动。

      3. 更好滚动的滚动监听器设置不正确。请确保将“handler”设置为“scrollX”或“scrollY”。

      4. 更好滚动的滑块绑定的监听器设置不正确。请确保将“bind scrollX”或“bind scrollY”设置为“scrollX”或“scrollY”。

      请参考以下代码示例来检查和修复这些问题:

      ```jsx import { betterScroll } from 'better-scroll';

      const container = document.getElementById('container');

      betterScroll({ container, scrollX: -1, scrollY: -1, // 设置其他滚动属性... }); ```

      请注意,这个示例假设你已经在你的项目中导入了better-scroll库。如果你还没有,可以使用以下命令进行安装:

      bash npm install better-scroll

      这将安装better-scroll库及其所有依赖项。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部