自定義JQuery Slideout問題與寬度等

Question

我更像是一個HTML/CSS的人比JQuery，我一直在努力構建這個概念一段時間。我想完成它，以便我可以免費發佈它作爲psuedo插件。我很高興能夠給任何能夠給我一點指導的人，我認爲這主要是在那裏。

---

首先，我的演示是在http://demindu.com/sandbox/。

---

問題：
1）我試圖讓定義成百分比高度或使用window.innerHeight等，以便滑出使用盡可能多的空間可能。目前，寬度的高度&在CSS中由px定義。

2）您會注意到，當您單擊其中一個後面的選項卡時，其右側的選項卡顯示爲頁面底部的鏈接。這是因爲每個鏈接應完全覆蓋它右側的選項卡。我一直無法做到這一點，嘗試像絕對定位等事情，我只是沒有想法。

---

我正在尋找指導，並沒有爲我創造的一切。在這些情況下，我甚至不知道從哪裏開始研究。

爲了節省一些空間：
JS：http://demindu.com/sandbox/js/slideout.js
CSS：http://demindu.com/sandbox/css/style.css
HTML：明明可以在瀏覽器中查看。

---

編輯＃1：我有我的身高正常工作與馬特下面的一些建議。但是，我無法將每個內容選項卡的寬度設置爲百分比。我想我可以根據內部寬度的計算將寬度設置爲px中的某個東西，但是當我的div已經很寬時，這看起來有點不可靠。當我設置爲100％時，選項卡會滑出瀏覽器的寬度。

我還有的另一個問題是讓所選標籤右側的標籤消失，因此它們只出現在下面的子菜單中。有任何想法嗎？基本上認爲每個標籤都會滑到同一個地方。

Answer 1

如果您使用的是JQuery，您應該能夠切換選定選項卡之後的選項卡顯示。最下面的導航欄是float：left，我建議改變它，然後將整個UL導入與主導航欄相同的div，那麼你應該可以將它浮起來並開始獲得你要找的效果。

如果您將底部UL與主UL相同的div，您可以嘗試將該div的位置設置爲相對，並將底部UL絕對定位到底部：0。這樣它將永遠在你的包裝div的底部。

我認爲你想要達到的是完全可能的，而你正朝着正確的道路前進。

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