我想在菜單中的選項超過8時在下拉菜單中實現垂直滾動。是否可以通過單獨使用Css屬性來實現此目的?請讓我知道該怎麼去做這件事是否可以在僅使用CSS的下拉菜單中實現垂直滾動條?
3
A
回答
1
這是絕對有可能使用CSS。所有你需要做的是在菜單上設置一個固定的高度(因此將高度設置爲高8個項目)並且給它overflow-y: auto
。這告訴瀏覽器,如果超過固定高度,應該出現一個垂直滾動條。
1
在包含div上設置「overflow:auto」屬性。如果摺疊div小於8個項目,則需要使用max-height:屬性。它不適用於IE6,因此請使用hack to get around IE6。
0
您ul li ul
添加要高度例如height:80px;
和overflow-y:auto;
相關問題
- 1. CSS下拉菜單垂直
- 2. 垂直CSS下拉菜單
- 3. 在下拉菜單中移除垂直滾動條
- 4. 如何避免垂直下拉菜單在底部添加垂直滾動條?
- 5. 如何使長Bootstrap下拉菜單可垂直滾動?
- 6. Click&With滾動條上的下拉菜單(僅CSS)
- 7. CSS下拉菜單垂直對齊
- 8. 垂直滾動條使用CSS Jquery的
- 9. 垂直下拉菜單
- 10. 垂直滾動菜單
- 11. 僅CSS下拉菜單是否真的可行?
- 12. jquery中的垂直下拉菜單
- 13. 如何使下拉菜單垂直
- 14. 使用下拉菜單顯示滾動條時出現問題
- 15. 長期(滾動)下拉菜單的CSS
- 16. 垂直CSS下拉菜單在一列中?
- 17. 請幫助改變水平CSS下拉菜單到垂直下拉菜單
- 18. 是否可以在Primefaces中創建垂直菜單欄?
- 19. 是否可以使用richfaces實現垂直選項卡?
- 20. 使垂直滾動條可見和水平滾動條可見
- 21. 僅CSS水平滾動,垂直彎曲
- 22. 如何在asp下拉列表中添加垂直滾動條?
- 23. javascript在下拉列表中顯示垂直滾動條
- 24. 不希望垂直滾動條在下拉列表中
- 25. 菜單列表中垂直使用CSS
- 26. jQuery的垂直下拉菜單
- 27. 垂直的jquery下拉菜單
- 28. HTML,CSS:使表格可垂直滾動
- 29. 列表框垂直滾動條不在菜單中工作
- 30. 讓垂直滾動條總是呈現css
'溢出:scroll' *總是*顯示滾動條。 'overflow-y:auto;'只會在需要時顯示。 – 2010-11-01 17:58:32
哎呀,是的,這是正確的:)更正! – 2010-11-01 18:04:38