Is it possible to implement vertical scroll bar in a drop down menu using CSS alone?

Question

I would like to implement a vertical scroll in a drop down menu when the options in the menu exceed 8.Is it possible to achieve this by using Css properties alone?Please let me know how I should go about this

Jon Snyder · Accepted Answer · 2010-11-01 17:48:03Z

1

Set an "overflow: auto" property on the containing div. To collapse the div if it is less than 8 items then you will need to use the max-height: property. It will not work for IE6 so use a hack to get around IE6.

answered Nov 1, 2010 at 17:48

Jon Snyder

2,01916 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dan M · Accepted Answer · 2010-11-01 18:04:32Z

1

That is absolutely possible using CSS. All you need to do is set a fixed height on the menu (so set the height to however tall 8 items is) and give it overflow-y: auto. This tells the browser that if the fixed height is exceeded, a vertical scrollbar should appear.

edited Nov 1, 2010 at 18:04

answered Nov 1, 2010 at 17:45

Dan M

1,7851 gold badge11 silver badges17 bronze badges

1 Comment

Stephen P Over a year ago

overflow: scroll always shows a scroll bar. overflow-y: auto; will make it appear only when needed.

Sotiris · Accepted Answer · 2010-11-01 18:13:25Z

0

on your ul li ul add the height you want for example height:80px; and overflow-y:auto;

edited Nov 1, 2010 at 18:13

answered Nov 1, 2010 at 17:49

Sotiris

40.2k11 gold badges55 silver badges86 bronze badges

Collectives™ on Stack Overflow

Is it possible to implement vertical scroll bar in a drop down menu using CSS alone?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related