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>
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.