2015-10-20 74 views
0

如何添加菜单项下拉取决于使用添加或删除菜单项使用JS

jQuery的

屏幕尺寸下拉与屏幕尺寸的说,我有八个项目的菜单。当这八个项目适合在屏幕上的一行那么它就OK了。但是,当我重新大小的屏幕只有项目/项目

不适合在屏幕一行应该形成一个下拉。当我再次放大屏幕时,菜单项应该逐一回来&当所有项目都适合屏幕时,下拉菜单应该消失。

在iPhone/iPad等,它甚至可能只适合2/3项左右,其余应该形成一个下拉,取决于屏幕大小。

看到链接:

http://1drv.ms/1OGYCgS

+0

您需要使用CSS媒体查询 –

+0

不能只用CSS这样做,因为元素的数量将改变基础上的大小作为OP的屏幕显示,您能否向我们提供您尝试过的一些代码?当屏幕尺寸缩小/增大时,您需要JavaScript来拉动屏幕尺寸以及从下拉菜单中推送和弹出元素。 – Puzzle84

+0

它可以只用CSS来完成。它应该。 –

回答

0

我想bootstrap可能是这是一个不错的选择。 对不起,如果你已经考虑过这一点,并希望避免它。 如果您调整结果窗口大小,您应该看看您的结果。

您还可以指定屏幕大小,然后将其用,实现跨平台的可用性

+0

感谢您的帮助,但我想用javascript(jQuery我选择)。看看我的形象。我已经添加了我的链接。 –