overflow : I don't see any difference between 'scroll' and 'visible'

[rovf]

This is about the overflow-x and overflow-y properties, which are explained here:

 

http://www.w3schools.com/cssref/css3_pr_overflow-y.asp

 

I thought I would understand the explanations, but when I used the "try it" editor, setting the overflow-y property in the example provided, to either 'scroll' or 'visible', produce both the same effect: A vertical scrollbar is shown. From the explanation, I expected to see a scrollbar in the example when overflow-y is set to scroll, but not when it is set to visible

 

I tried this on fairly new versions of Chrome, Firefox, Opera, and on IE11

 

[Ingolme]

It seems that overflow-x:visible won't work if the overflow-y property is set to hidden and vice versa. If you set them both to visible then it will work.