具有溢出的相對定位元素：隱藏和重疊的絕對定位元素

我需要在slimScroll中使用dropdown-toggle元素創建引導菜單。菜單需要是垂直的（我通過自定義的CSS實現了這個功能;裸骨的概念小提琴在：http://jsfiddle.net/HkAAn/），並且子菜單比容器寬。由於我使用的是slimScroll，因此需要將整個左側部分包含在position: relative和overflow: hidden的元素中。當然，這會產生子菜單。有沒有辦法讓子菜單不被裁剪，同時保留position: relative和overflow: hidden的包裝？具有溢出的相對定位元素：隱藏和重疊的絕對定位元素

來源

2013-08-30 Vilinkameni

爲了減輕裁剪，您必須獲得UL元素，這是您的菜單超出了「overflow：hidden」元素。

來源

2013-08-30 17:18:38 offthat

但滾動的關鍵是滾動頂級菜單項（可能超過左元素的高度）。我將如何去定位子菜單（並考慮到滾動）？ – Vilinkameni

因此，如果菜單不在具有「overflow：hidden」的元素中，那麼您的滾動會中斷？也許你可以更新JSFiddle並展示滾動部分。 – offthat

定位子菜單會有點棘手，並可能需要一些JavaScript。我猜想一個好的開始就是獲取相對於頁面左上角的鼠標或元素座標，並絕對地定位菜單並相應地設置頂部和左側。 – offthat

具有溢出的相對定位元素：隱藏和重疊的絕對定位元素

回答

相關問題