关于BetterScroll 2.0版本出现BScroll is not defined 的解决方案

最新推荐文章于 2023-06-25 16:49:41 发布

原创最新推荐文章于 2023-06-25 16:49:41 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue #vue.js #html

在创建HTML页面并尝试通过src或CDN引入BetterScroll2.0时遇到了BScroll未定义的问题。经过搜索和查阅官方文档，找到了解决方案。关键在于使用`BetterScroll.createBScroll`方法，而不是直接使用`BScroll`。示例代码展示了如何配置probeType、click和pullUpLoad选项，成功实现了滚动效果。

创建一个html页面通过src或CDN引入具备所有插件能力的BetterScroll 2.0版本js文件

出现BScroll is not defined问题出现这个问题的时候，各种百度知乎，后来发现解决办法就写在官方文档上面

修改后：

//    const bscroll = BScroll(".wrapper", {
      const bscroll = BetterScroll.createBScroll(".wrapper", {
      probeType: 1,
      click: true,
      pullUpLoad: true,
    });

成功实现效果：