使用better-scroll横向滚动2018-10-17

使用better-scroll要使内层容器宽度大于外层容器才可以滚动,当内层容器宽度等于外层容器时,无法滚动,这时候就需要动态设置内层容器宽度。


计算内容容器宽度并赋值给dom, dom更新之后初始化better-scroll即可,传入参数scrollX表示横向滚动,eventPassthrough:vertical表示在横竖滚动同时存在时,不会互相影响

eventPassthrough类型: String默认值:''                                                                 可选值:'vertical'、'horizontal'                                                                                     作用:有时候我们使用 better-scroll 在某个方向模拟滚动的时候,希望在另一个方向保留原生的滚动(比如轮播图,我们希望横向模拟横向滚动,而纵向的滚动还是保留原生滚动,我们可以设置 eventPassthrough 为 vertical;相应的,如果我们希望保留横向的原生滚动,可以设置eventPassthrough为 horizontal)。备注:eventPassthrough 的设置会导致其它一些选项配置无效,需要小心使用它。

注意:获取的是内容容器的宽度,而使用better-scroll制造滚动时,获取的是外部 wrapper



报错:

better-scroll报错类似 children undefined的错误,解决:更改dom名称,不要使用swiper-area这样的格式。js中的名称名字要完全一样。

你可能感兴趣的:(使用better-scroll横向滚动2018-10-17)