Scroll visibility

Question

In css, i set the overlow property of the div to scroll and it works well. But the scrolls are visible but not active with a greyed color even they are not needed.

So how can i make the scrolls invisible when they are not needed ?

Answer 1

That is the nature of overflow: scroll. Try overflow: auto instead.

Answer 2

you can also use overflow-x and overflow-y css attributes to control autoscrolling of particular dimension of html element

Answer 3

Try auto property

overflow: auto - This will create a scrollbar - horizontal, vertical or both only if the content in the block requires it. For practical web development, this is probably the most useful approach to creating a scrollbar.