reactjs - 反应滑动导航

Question

可滑动导航

使链接区域可左右滑动的最佳方法是什么？我没有找到允许这样做的准备使用的组件。我尝试使用 React Touch SyntheticEvent 并将 translateX 转换为导航栏，但计算失败。所以问题是实现这一目标的方法是什么，是否有任何反应组件可以帮助我完成这项工作？

标签： reactjsswipe

Answer 1

• 也许你需要看看那里。

• 虽然它只支持元素上下滑动，但是可以参考作者如何用 translate3d 实现元素滑动的代码。

• swiper 的主要思想是计算元素的位置，以及何时开始平移。您可以在开始移动事件时记录scrollHeight/scrollWidth和offsetHeight/offsetWidth，并在事件结束时比较它们的值。然后你就知道元素在哪里了，你就可以随心所欲地控制元素的变换了。

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