better-scroll添加probeType: 3后，拖拽就不灵活了

来源：

牛顿的菠萝

2016-12-15

根据教程，已经实现了better-scroll的基本功能

但在添加probeType: 3配置后，在IOS中拖拽就非常卡顿了。但是trip操作是很流畅的

额外想请教一个问题，我曾今想通过overflow: hidden; overflow-scrolling: touch; 来简单实现scroll的操作。

但用js来实现一个scrollTo的方式时候，就特别生硬，自己写不出什么简单的缓动算法。

另外不阻止容器的touch事件，有时window就是一起滑动，体验并不好，但如果简单的阻止touch事件，容器本身的scroll又不会被触发

老师能否点拨一下核心设计思想，谢谢。

写回答

1回答

ustbhuangyi

2016-12-16

原理的话可以看看 better-scroll 源码，流畅动画是通过 css3 动画保证的~ 你反馈卡的问题能否提供一个在线 demo,我来看看什么原因。因为我们实际生产项目中也大量使用到了better-scroll，probeType 为 3也没有卡顿问题~

牛顿的菠萝

后来我再次验证了多次又没有卡顿现象。可能之前是我自己什么地方有冲突了。不过因为使用了better-scroll，需要对event进行evt._constructed处理有点不太方便。因为如果不是自己写的组件可能就不好处理了。 better-scroll还是很强大的，看了源代码我还是写不出来

2016-12-18

共1条回复

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

相似问题

回答 1

回答 4

回答 1

回答 1

回答 2