博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
better-scroll项目中遇到的问题
阅读量:2240 次
发布时间:2019-05-09

本文共 580 字,大约阅读时间需要 1 分钟。

1、在项目中发现个问题,用better-scroll实现的轮播图和页面滚动条俩个效果一起出现的时候,当鼠标或手指放在轮播图位置的时候,上下滚动的时候,页面滚动条不动

发现最新的版本就会出这个问题,就是官网的例子中也一样,还有cube-ui中的轮播图

解决办法是:

第一种:轮播图用其他的,不要用better-sacroll,比如可以使用vant里面的轮播图效果。页面滚动效果用better-sacroll的

这有个问题:如果我们的轮播图可以点击跳转,那么在滑动的时候,会触发跳转效果。这时我们就需要做处理,比如给跳转加一个时间判断(感觉这样挺麻烦的)

第二种:不要用新版本的better-scroll,可以使用0.4.0版本的

第三种: 也是现阶段我认为最好的

在于scrollX平级的地方,不要stopPropagation这个属性,如果还不行,就加一个eventPassthrough: 'vertical'

示例代码:

 

转载于:https://www.cnblogs.com/zhaobao1830/p/10192997.html

你可能感兴趣的文章
《Head first设计模式》学习笔记 - 命令模式
查看>>
《Head first设计模式》学习笔记 - 抽象工厂模式
查看>>
《Head first设计模式》学习笔记 - 观察者模式
查看>>
《Head first设计模式》学习笔记 - 策略模式
查看>>
ThreadLocal 那点事儿
查看>>
ThreadLocal 那点事儿(续集)
查看>>
阳台做成榻榻米 阳台做成书房
查看>>
深入分析java线程池的实现原理
查看>>
mybatis中"#"和"$"的区别
查看>>
Hibernate与MyBatis区别
查看>>
如何禁用Eclipse的Validating
查看>>
据说看完这21个故事的人,30岁前都成了亿万富翁。你是下一个吗?
查看>>
SpringMVC学习笔记2
查看>>
Oracle知识点连载(一)
查看>>
Oracle知识点连载(二)
查看>>
Oracle知识点连载(三)
查看>>
Oracle知识点连载(五)
查看>>
关于三元运算符的类型转换问题
查看>>
笔记本怎么设置WIfi热点
查看>>
如何实现字符串的反转及替换?
查看>>