我目前正在创建一个小型、简单的网络应用程序,用户可以在其中创建几个问题,然后他们可以去获取答案,该答案将显示他们的问题列表。
通过滑动项目(使用hammer.js),项目转换向左65px,显示一个垃圾桶图标,允许他们删除问题,类似于在iOS上滑动删除列表项的方式。
然而,当用户滑动时,如果用户有几个问题可以向下滚动页面正文,当向左滑动删除一个问题时,页面有时也会垂直滚动,这种垂直页面滚动与 CSS 动画显示混合垃圾桶图标会导致动画在页面滚动时停止,然后动画会跳转到适当的位置,使其看起来很草率。
我知道我可以使用 preventDefault 参数,但是如果用户通过触摸任何列表项来滚动页面,这会阻止页面的主体滚动,它们覆盖了屏幕的大部分,因此这不起作用。
有谁知道一种方法来整理它,以便用户可以滑动删除一个项目并看到一个漂亮的流畅动画,同时还可以在需要时滚动页面,就像在 iOS 中一样。
该应用程序可以在这里播放,看看效果。
只需创建几个问题,页面就可以滚动,然后去回答问题,这样您就可以滑动删除问题。
感谢您的帮助,马丁