better-scroll 无法滑动，未报错

Question

按照视频步骤添加了better-scroll，但未出现滑动效果

尝试过：添加参数 click: true；在 $nextTick 中初始化；更新最新版的Chrome，也试过了Firefox和Safari；卸载better-scroll并重新安装。

都未能解决无法滑动的问题。

List.vue 代码：

wrapper元素审查：

content元素审查：

BScroll实例打印结果：

Answer 1

慕圣3254810 2018-09-19 11:34:47

我在chrome中调试也以为不能滑动，可能是mac触摸板触发的问题，点击之后拖动才可以

• 提问者 谭轲 #1

  非常感谢！

Answer 2

vZina 2018-10-17 06:27:50

在mac上调试，原来是要拖动的，不是滑动，这个问题也困扰我半天，给list加个高度：height: 100%也可以滑动

• 六一888 #1

  你的回答瞬间解决了我的问题，爱你哟

Answer 3

慕数据5221608 2018-07-04 17:45:09

  mounted () {

    this.scroll = new Bscroll(this.$refs.wrapper)

  },

Bscroll  里面S是小写吧，感觉是

• 提问者 谭轲 #1

  试过了 不是这个，话说官方示例也是用BScroll，应该没关系的

• 小九九816 回复 提问者 谭轲 #2

  我也是跟你一样问题

• Dell 回复 小九九816 #3

  在进入页面后，手动的调用下this.scroll.refresh试一下

Answer 4

慕妹9463737 2018-07-24 11:31:40

请问下你现在解决问题了么，我直接把dell上的city-list里这份文件复制过去都不能实现

• 提问者 谭轲 #1

  打印一下BScroll，看看scrollerHeight的值是不是跟content的高度一致，审查元素看看content的高度是否大于wrapper，如果都没问题的话...额 触发better-scroll滑动跟触发之前那种滑动的操作可能不一样 比如Mac触摸板需要三指滑动...

Answer 5

Dell 2018-07-05 16:19:47

查你的dom结构，是否和我的一致

• 提问者 谭轲 #1

  dom结构是一致的，wrapper>content>area*6，具体如图所示

• Dell 回复 提问者 谭轲 #2

  你看下我代码能不能跑，用beyond compare对比下代码