Hide scrollbar in IE

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

Leave a Comment