Clever Geek Handbook

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>
<html>
<head>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <style>
        html, body {
            overflow: hidden;
        }
    </style>
</head>
<body>
</body>
</html>
+3


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

+1


source


This might help you. Refer to this QUESTION

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


This worked for me.

0


source






More articles:


All Articles