How to hide the scrollbar in IE10?

Question

The problem is scrollbar always shows up when I move my mouse inside body after I link bootstrap style.

At the beginning, the scrollbar is hidden. It is working fine. But when I hover the mouse in the body area and toggle the mouse wheel, the scrollbar shows up. I have set the overflow to hidden. But the issue still here.

The code snippet is below:

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

score 1 · Answer 1 · edited May 13 '15 at 05:47

1

You can use vendor specific -ms-overflow-style-property to control the scrolling/scrollbar behavior on IE

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

Note that it only applies on elements with overflow property set and it only works on Windows 8 and up.

-ms-overflow-style property on MSDN

edited May 13 '15 at 05:47

Pete TNT

8,293
4
36
45

answered May 12 '15 at 05:13

tojowe

101
1
8

1

The issue resolved to apply -ms-overflow-style style. Thanks for your help – Robert May 12 '15 at 07:27

score 0 · Answer 2 · edited May 23 '17 at 12:15

0

This might help you. Refer to this QUESTION

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

This worked fine for me.

edited May 23 '17 at 12:15

Community

1
1

answered May 12 '15 at 07:59

jofftiquez

7,548
10
67
121

How to hide the scrollbar in IE10?

2 Answers2