我想在我的应用程序屏幕上添加一个菜单.该菜单将具有菜单图标,当按下向左或向右箭头时,该菜单图标是水平可滚动的一个菜单.根据菜单屏幕,菜单应滚动到该菜单屏幕的菜单图标.
例:
< menu1 | menu2 | menu3 >
假设有6个菜单图标,一次可见3个.按下右箭头,它应该一次滚动一个项目.
如果我的屏幕与菜单4相关,则必须定位menu4.
< menu4 | menu5 | menu6 >
此外,每个菜单项都应该是可点击的.
请让我知道,我怎样才能做到这一点.
更新 具有MouseOver的js
的jsfiddle
点击这里
UPDATE3
更新4
这是从db build with ul&li中获取的动态菜单.如果李的宽度超过屏幕宽度,我只想在左侧和右侧使用箭头滚动额外的li,如果有的话.