How do I hide the scrollbar in IE10?

The problem is that it is scrollbar

always displayed when I move the mouse inside the body after the style has been bound bootstrap


In the beginning it hides scrollbar

. It works fine. But when I hover over the area body

and toggle the mouse wheel, it appears scrollbar

. I have set overflow

to hidden. But the problem is still there.

Below is the code snippet:

<!DOCTYPE html>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
        html, body {
            overflow: hidden;



source to share

2 answers

You can use vendor specific -ms-overflow-style

-property to control scrolling / scrolling behavior in IE

html, body {
    -ms-overflow-style: none;


Note that it only applies to items with the property set overflow

, and it only works on Windows 8 and above.

- ms-overflow property on MSDN



This might help you. Refer to this QUESTION

html::-webkit-scrollbar { 
    display: none; 


This worked for me.



All Articles