反应轻扫导航

Question

swipeable navigation

使链接区域左右滑动的最佳方法是什么？ Ive无法找到允许使用的现成组件。 香港专业教育学院试图使用React Touch SyntheticEvent并将translateX转换为导航栏，但计算失败。那么问题是实现该目标的方法是什么，是否有任何反应组件可以帮助我完成这项工作？

Answer 1

• 也许您需要看看there。

• 尽管它仅支持向上和向下滑动的元素，但是您可以参考代码，以了解作者如何使用translate3d实现可滑动的元素。

• swiper的主要思想是计算元素的位置以及何时开始翻译。您可以在开始移动事件时记录 scrollHeight / scrollWidth 和 offsetHeight / offsetWidth ，并在事件结束时比较它们的值。然后知道元素在哪里，然后可以根据需要控制元素的变换。

• 据我所知，也许Iscroll对您来说是一个很好的解决方案。