这个滚动功能可以吗？

Question

我一直在开发一个工作中的应用程序，并希望在我的主页中添加一些功能，用户可以选择他们想要进入的服务。

目前我有4个服务可以点击，但将来他们可能会有数百个。

我试图找出我可以使用哪些功能来实现我在这个页面上想要的效果而我对此一无所知，所以我画了一张图片试图解释。

我的应用程序屏幕

我想要发生什么

很抱歉，如果难以理解我只是不知道所需的任何功能或功能名称

Answer 1

您可以使用图像滑块。例如

http://www.jssor.com/demos/scrolling-logo-thumbnail-slider.html

还有更多。请谷歌吧。感谢

Answer 2

google它，有很多方法可以做到这一点 例如。

• http://johnpolacek.github.io/scrollorama/
• http://mynameismatthieu.com/WOW/
• 等。

Answer 3

您想使用“mousewheel”事件，但每个浏览器都不支持该事件。

首先尝试检测事件的脚本。然后处理动画（使用递归的setTimeout等）。

编辑：如果您需要无限滚动菜单（最后一个图标后跟第一个图标，相反），请创建一个对象数组，每个对象都有图标和网址作为属性。该函数应显示以下元素，并在到达数组的末端时返回到结尾（或开头）（使用“if，else if”）。然后，您可以使用css或jQuery为其设置动画。

Answer 4

是的，可以按照以下步骤操作： -

1. 创建全局变量window.service = 0（表示页面的当前状态）并附加滚动事件。

2. 您可以使用此答案（How can I determine the direction of a jQuery scroll event?）附加向上和向下事件，分别向左和向右移动。

3. 每次向上移动window.service - = 1并且每次向下移动window.service + = 1.使用边界条件检查它是否超出限制。

4. 现在，您有5个条件（window.service属于[1,5]）。使用这些条件可以显示5种不同的css条件，这些条件将代表您尝试获取的5种不同情况。

或使用上面建议的任何插件。