Css 滑动手势菜单

Css 滑动手势菜单,css,mobile,touch,swipe,gesture,Css,Mobile,Touch,Swipe,Gesture,我正在尝试从图像中创建此特定菜单 从照片中可以看到,菜单基于过滤和提交自定义过滤器。此菜单的使用方式是根据用户的选择向左或向右滑动,如图所示 滑动时,根据当前位于触发点(在本例中为页面中心)的元素,它将为其提供一个自定义类,如图所示 我理解这个问题过于宽泛,无法完全回答,我完全同意这一点。我的目标是获得一些帮助或建议,我应该朝哪个方向去实现这一点(使用你知道的库或解释类似问题的教程)。 **此外,如果有人知道如何使这些元件可开关,这将是一个很大的帮助。 提前谢谢。提供一些代码(您到目前为止

我正在尝试从图像中创建此特定菜单

从照片中可以看到,菜单基于过滤和提交自定义过滤器。此菜单的使用方式是根据用户的选择向左或向右滑动,如图所示

滑动时,根据当前位于触发点(在本例中为页面中心)的元素,它将为其提供一个自定义类,如图所示

我理解这个问题过于宽泛,无法完全回答,我完全同意这一点。我的目标是获得一些帮助或建议,我应该朝哪个方向去实现这一点(使用你知道的库或解释类似问题的教程)。 **此外,如果有人知道如何使这些元件可开关,这将是一个很大的帮助。
提前谢谢。

提供一些代码(您到目前为止所做的)以便我们可以提供帮助。因此,到目前为止,我只尝试使用GSAP draggable插件制作,但它没有提供任何帮助。基本上,我一开始就被卡住了。简而言之,你需要用鼠标滑动菜单,或者用鼠标将菜单拖到下一个菜单?这只适用于移动用户。在这种情况下,我更喜欢使用
Carousel
这里是
OwlCarousel
的链接,它既适用于网络,也适用于移动设备