better-scroll 无法滑动，未报错

来源：8-4 Vue项目城市选择页 - BetterScroll 的使用和字母表布局

谭轲

2018-07-04

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

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

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

List.vue 代码：

wrapper元素审查：

content元素审查：

BScroll实例打印结果：

写回答

5回答

慕圣3254810

2018-09-19

已采纳

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

谭轲

非常感谢！

2018-10-19

共1条回复

vZina

2018-10-17

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

六一888

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

2019-03-17

共1条回复

慕数据5221608

2018-07-04

mounted () {

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

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

Dell

小九九816

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

2018-09-19

共3条回复

慕妹9463737

2018-07-24

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

谭轲

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

2018-07-26

共1条回复

Dell

2018-07-05

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

Dell

谭轲

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

2018-07-07

共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程

相似问题

better-scroll 组件没有功能没有实现程序也没有报错

回答 1

better-scroll失效，回滚了better-scorll还是不行

回答 2

搜索逻辑的Better-Scroll不能滑动

回答 2

better-scroll失效

回答 2

better-scroll滚动问题

回答 1

打开慕课网App查看更多内容