使用下拉菜單顯示滾動條時出現問題

Question

我正在嘗試製作包含許多項目，子項目的菜單。如果增加項目，我想顯示滾動條和項目。我想要對子菜單進行相同的操作。

這裏是example約我在做什麼。

問題是，如果子菜單再次有一些項目爲子項，則顯示水平滾動條。我只想顯示垂直滾動條。並想要彈出子菜單。

我正在使用css的鏈接。

Answer 1

您可以指定不同的水平和垂直溢出行爲：

overflow-x: hidden; 
overflow-y: scroll; 

你的CSS參考材料應該告訴你的。這當然會使任何試圖沿着x軸彈出的子菜單變得混亂。

菜單中的滾動條也會讓您的用戶討厭您，並且可能會贏得您在用戶界面恥辱的地方或http://thedailywtf.com/的帖子。如果你想在現實世界中做這樣的事情，不要這樣做。想想組織導航的一種不太刺激的方式。