Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

overflow-y:scroll is not working for chrome

I am not getting a scroll-bar for box in chrome but getting in fire fox and internet explorer

li.box{
    border-radius: 0px;
    padding:0;
    border: solid 1px #8c8d8e;
    overflow: hidden;
    overflow-y:scroll;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    opacity: 0.85;
}

this is JSFiddle link http://jsfiddle.net/wydsf2vk/

like image 689
AKG Avatar asked Sep 12 '14 11:09

AKG


People also ask

What is overflow-Y scroll?

The overflow-y property specifies whether to clip the content, add a scroll bar, or display overflow content of a block-level element, when it overflows at the top and bottom edges.

How do I make my vertical overflow scroll?

For vertical scrollable bar use the x and y axis. Set the overflow-x:hidden; and overflow-y:auto; that will automatically hide the horizontal scroll bar and present only vertical scrollbar. Here the scroll div will be vertically scrollable.

How do I fix overflowing in CSS?

To change this, set the min-width or min-height property.” This means that a flex item with a long word won't shrink below its minimum content size. To fix this, we can either use an overflow value other than visible , or we can set min-width: 0 on the flex item.

Why is scrollbar not visible?

Click Start > Settings. Under Windows Settings, scroll down, and then click Ease of Access > Display. Scroll down, and then set Automatically hide scroll bars in Windows to Off.


1 Answers

Add height property to your css class, to display scrollbar you need to set fix height of your div.

like image 169
Mihir Avatar answered Sep 30 '22 06:09

Mihir