Javascript 自定义JQuery滑出宽度等问题

与JQuery相比，我更喜欢HTML/CSS，我一直在努力构建这个概念。我想把它完成，以便我可以自由地释放它作为一个psuedo插件。我很高兴相信任何能给我一些指导的人，我想大部分都在那里

---

首先，我的演示在

---

问题：
1） 我正在尝试将高度定义为一个百分比，或者使用window.innerHeight等，以便滑块尽可能多地使用空间。目前，高度和宽度由px在CSS中定义

2） 您会注意到，当您单击后面的某个选项卡时，其右侧的选项卡会在页面底部显示为链接。这是因为每个链接都应该完全覆盖其右侧的选项卡。我一直无法在这方面工作，尝试绝对定位等方法，我只是没有想法

---

我在寻找指导，而不是为我创造一切。在这种情况下，我甚至不知道从哪里开始研究

要节省一些空间：
JS:
CSS:
HTML：显然可以在浏览器中查看

---

编辑1：下面马特给了我一些建议，我的身高正常了。但是，我无法将每个内容选项卡的宽度设置为百分比。我想我可以根据innerWidth的计算将宽度设置为px中的某个值，但是当我的div应该已经是那么宽的时候，这似乎有点不对劲。当我设置为100%时，选项卡滑出浏览器的宽度之外

---

我还有一个问题，就是让所选选项卡右侧的选项卡消失，使它们只出现在下面的子菜单中。有什么想法吗？basic认为每个选项卡都会滑出到相同的位置。

如果使用JQuery，您应该能够在所选选项卡之后切换选项卡的显示。底部导航是浮动的：左边，我建议改变它，把整个UL和主导航UL放在同一个div中，然后你应该能够将它向右浮动，开始得到你想要的效果

如果将底部UL与主UL放在同一个div中，则可以尝试将该div的位置设置为相对，并将底部UL绝对放在底部：0。这样，它将始终位于包装器div的底部

我认为你试图实现的目标是完全可能的，你走的是正确的道路

---

只是一些想法，希望能有所帮助。

如果您使用JQuery，您应该能够在所选选项卡之后切换选项卡的显示。底部导航是浮动的：左边，我建议改变它，把整个UL和主导航UL放在同一个div中，然后你应该能够将它向右浮动，开始得到你想要的效果

如果将底部UL与主UL放在同一个div中，则可以尝试将该div的位置设置为相对，并将底部UL绝对放在底部：0。这样，它将始终位于包装器div的底部

我认为你试图实现的目标是完全可能的，你走的是正确的道路

---

只是一些想法，希望能有所帮助。

你能再解释一下第2期吗？所以底部的链接应该覆盖它们各自的标签？我制作了一个我的意思的模型，应该更容易看到而不是解释。你能再解释一下第二期吗？所以底部的链接应该覆盖它们各自的标签？我制作了一个我的意思的模型，应该更容易看到而不是解释。太好了，谢谢你的建议。合并成一个DIV确实有助于布局。这使我能够使用window.internal onload创建DIV的宽度和高度。我稍微理解您在所选选项卡之后切换选项卡显示的意思，但我也不确定我将使用什么作为选择器。您可以使用.next（）并可能循环，直到结束。我从来没有试过，但这应该给你指出正确的方向。谢谢你的帮助，马特，我会努力解决的。如果你不介意我把你的名字当作帮助，我很乐意加上。给我发电子邮件到pro-ex-ploit[at]gmail[dot]com。我知道你可能认为你做的不多，但这只是一种荣誉，你一直在帮助我。太好了，谢谢你的建议。合并成一个DIV确实有助于布局。这使我能够使用window.internal onload创建DIV的宽度和高度。我稍微理解您在所选选项卡之后切换选项卡显示的意思，但我也不确定我将使用什么作为选择器。您可以使用.next（）并可能循环，直到结束。我从来没有试过，但这应该给你指出正确的方向。谢谢你的帮助，马特，我会努力解决的。如果你不介意我把你的名字当作帮助，我很乐意加上。给我发电子邮件到pro-ex-ploit[at]gmail[dot]com。我知道你可能认为你做的不多，但这只是一种荣誉，你一直在帮助我。