IE10 stops the scrollbar from appearing content and disappears

Question

If you go to any website with content that calls the vertical scroll bar in ie10 (desktop), for example http://www.buildwindows.com/ , you will notice that only the scroll bar appears when you hover over the window .

Is there a way to make the scroll bar always appear? I worry that this makes it less obvious that the page has more content.

thank

Answer 1

To configure: custom CSS prefix with privileges:

html { -ms-overflow-style: scrollbar; } 

Other options include auto , none , scrollbar and -ms-autohiding-scrollbar . The latter causes the behavior that you experience.

Excerpt from the MSDN documentation , in particular, the scrollbar value mentioned above:

Indicates that the item displays the classic scroll bar control when its contents are full.

Unlike -ms-autohiding-scrollbar , scroll bars on elements with the -ms-overflow-style property set to scrollbar always appear on the screen and do not disappear when the element is inactive.

Answer 2

This should do the trick; a media query will prevent the scroll from disappearing when the screen is larger than 992px. (I believe that a Windows mobile device needs this to hide the scroll bar, so I made a request for multimedia).

 @-ms-viewport { width: device-width; } @media (min-width: 992px) { @-ms-viewport { width: auto !important; } } 

Answer 3

css style

overflow-y:scroll;

will cause the item for which it is set to always have a vertical scroll bar

Answer 4

I added this to the html element, i.e. html {-ms-overflow-style: scrollbar;} and it worked for me.

Answer 5

Adding META-Tag Work:

 <meta http-equiv="X-UA-Compatible" content="IE=9">