Hide scrollbar in IE
Solution 1:
In case of anyone still needs a solution, this one worked for me:
.container{
-ms-overflow-style: none;
overflow: auto;
}
This change allows scroll on the container and hides the bars on IE.
If on the other hand you want to hide it and show it again once the user scroll again you can use.
.container {
-ms-overflow-style: -ms-autohiding-scrollbar;
}
In case you want to hide it completely (the scrollbar) not only from a specific container you can use:
body::-webkit-scrollbar { display: none; }
Tested on IE 10 && 11.
Reference
Solution 2:
Hard to say without seeing the code! Saying that, You could try use using the "Extended Attributes" that Microsoft introduced for Internet Explorer.
<body scroll="no">
EDIT:
You could also try setting the overflow property of the html page in CSS like so.
html, body { overflow: hidden; }
Solution 3:
This CSS works for me both in Chrome and IE 10:
/* Oculta la scroll-bar pero sigue permitiendo hacer scroll con el mouse */
body::-webkit-scrollbar { display: none; }
html, body { -ms-overflow-style: none; overflow: auto; }
Solution 4:
You may use this code implement it into body --
body { overflow-x:hidden; }
If not by that look into the layout and see if any container have a untoward width of something which is making the layout stretch a bit...
Solution 5:
Make sure IE is not in compatibility mode before you beat yourself up while trying overflow:hidden;