Hiding Scroll Bar for Internet Explorer, Chrome, Firefox – POFTUT

Hiding Scroll Bar for Internet Explorer, Chrome, Firefox

Here is the situation we want to hide scroll bar. We have huge content. But we want to still scroll. We can accomplish this with different tactics.

By using Css

We can use Css techniques in order to hide and do not show the scrollbar in a browser. This is supported by all major browsers like Chrome, Firefox, Internet Explorer and Opera.

We will set the parent and child class height and width to the %100 . We will also set some properties like overflow to hidden, overdlow-yto scroll etc.

By Using Javascript

We can also use JavaScript for hiding scrollbars in popular browsers like Chrome, Firefox, Opera, Internet Explorer etc. We will use parent and child objects to set their width and height to same values.

 

Hiding Scroll Bar for Internet Explorer, Chrome, Firefox Infografic

Hiding Scroll Bar for Internet Explorer, Chrome, Firefox Infografic

Hiding Scroll Bar for Internet Explorer, Chrome, Firefox Infografic

Leave a Reply

Your email address will not be published. Required fields are marked *

Enjoy this blog? Please spread the word :)