-
Notifications
You must be signed in to change notification settings - Fork 116
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
手机上面上下滑动的时候,如何防止变成轮播,而让页面没法滚动 #5
Comments
应该是让可以控制preventDefault的开启和关闭 |
额,如果这样处理,那这个 vue-swiper 插件是不是直接没法用了。。。 |
能用的。主要是我们页面比较奇葩,一个页面4个轮播。。。。然后在 移动端下面,上下滑动就是 触发轮播,而页面的滚动却没触发。。。所以用户压根没法把页面滚动到下面。 |
@Autumnwater 这个问题我也碰到过了,发现vue-swiper是通过判断偏移量>0来决定要不要e.preventDefault(),在上下滑动时,无论你怎么垂直下滑,都不可避免会产生水平便宜,vue-swiper处理就阻止默认下滑了,所以解决办法是,在源码第139行,偏移量0稍微改一下比如改为10,这样,由于竖直滑动引起的微小水平便宜量可以被过滤掉@weilao |
@weilao 根据水平轮播或者竖直轮播来判断那一个方向是否有偏移在实际中会有问题,建议做法是结合水平偏移和垂直便宜。比如如果是水平轮播,当竖直偏移量大于水平偏移量的时候(滑向角度小于45度),应该把它当做是用户下滑动作(即便他有水平偏移,不阻止默认事件) |
@Telanx 实际上我这边还有一个效果更好的方案:先向上查找,找到第一个可以滚动的 parentElment,并检测它是否产生了滚动,如果产生了滚动,则跳过 swiper 的 touchstart。这个方案能使页面操作起来流畅不少,我今天晚上再抽点时间整理一下,看看能不能完美解决这个问题。 |
@weilao 请问在滑动时报了这样的错是怎么回事那?我用的是vue2.0的。found in - use the "name" option for better debugging messages |
同上面的报错。。。 |
@justlikeu 这个是1.0的,需要改动代码 |
@justlikeu 联系我,我可以给你改好的,并且修复了部分bug。qq:914266208 |
这个bug好像还没修复。。 |
No description provided.
The text was updated successfully, but these errors were encountered: