better-scroll 横向竖直如何双向滚动

Question

老师好 ，我想请教个问题，better-scroll 可以实现一个列表既可以横向滚动，又可以上下滚动吗？如下图所示：顶部标题栏和政区那一列可以滚动，现在中间这块区域不知道该如何处理，望老师给个思路

Answer 1

ustbhuangyi 2020-02-28 00:16:17

嵌套 2 个 BS 就可以啦，一个横向，一个竖向，类似二期课程 http://ustbhuangyi.com/sell

要注意设置内层 BS 的 click 为 false，directionLockThreshold 为 0 

• 提问者 慕粉1324536097 #1

  老师 那我这个页面总共得用到四个BS 对吧

• ustbhuangyi 回复 提问者 慕粉1324536097 #2

  哦，如果你是一个列表中的横向和竖向双向滚动，只要配置 freeScroll: true 就好了，一个就可以，参考 https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html#freescroll
  https://ustbhuangyi.github.io/better-scroll/#/examples/free-scroll/en

• 提问者 慕粉1324536097 #3

  好的 感谢黄老师