betterScroll踩坑记录


  1. 使用BetterScroll刚npm run serve时无法进行滑动,需要修改BetterScroll的源码,
    修改BetterSC/shared-utils/src/dom.ts 中的常量hasTouch为true,
    这样就可以在初始化时对参数进行设置,把一切掌握在自己手中

    使用方法如下:

     new BScroll时,在参数options中加入
    
     mouseWheel: true,   //开启鼠标滚轮
     disableMouse: false,   //启用鼠标拖动
     disableTouch: false    //启用手指触摸

    参考博客:https://www.cnblogs.com/mldonkey/p/11421577.html

  1. 使用BetterScroll后绑定scroll, click事件后无法触发,也无报错
    BetterScroll默认拦截了click事件可在new Bscroll()的配置对象中传入 click: true
  2. 使用BetterScroll的scroll事件必须同时在new Bscroll()配置对象中指定probeType

what

(后面发现官网都有说明… 链接:https://better-scroll.github.io/docs/zh-CN/FAQ/#%E4%B8%BA%E4%BB%80%E4%B9%88%E6%88%91%E7%9A%84-betterscroll-%E7%9B%91%E5%90%AC-scroll-%E9%92%A9%E5%AD%90%EF%BC%8C%E7%9B%91%E5%90%AC%E5%99%A8%E4%B8%8D%E6%89%A7%E8%A1%8C%EF%BC%9F)

what

. 使用better-scroll时注意$nextTick的使用


文章作者: liheng
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 liheng !
 上一篇
git常用命令 git常用命令
集中式和分布式版本控制系统的区别 分布式版本控制系统:每个开发者都有整个代码库的所有版本,在离线状态下开发者可以进行版本管理开发, 等网络恢复再push到仓库中。 集中式版本控制系统:每个开发者只有应用代码库的一个版本,在离线状态下开发
2020-09-30 liheng
下一篇 
vue动态路由引入和异步组件记录 vue动态路由引入和异步组件记录
动态引入的路由组件在打包时路由组件会被单独打包(代码分割 code split),默认不请求加载路由组件打包文件, 当请求需要路由组件时才请求加载,当引入需要的的组件时在Network会增加一个打包文件(一般为/^\d+.js$/格式)。
2020-09-20 liheng
  目录