I don't know is that an issue or bug, but when I use overflow: hidden
, selecting the text and moving the cursor to the page bottom in IE, the page is scrolling (I tried IE9-IE11)! When I use Firefox/Opera/Chrome/Safari the page isn't scrolling... I have to use overflow: hidden
, but it has an odd behavior in IE.
So, my question is: how can I avoid page scrolling in IE?
I have a solution for it but not sure that this is the right way or not but you can try it.
http://jsfiddle.net/b5DYf/1/
Have you looked at the -ms-overflow-style property?
More information available here: http://msdn.microsoft.com/en-us/library/ie/hh771902(v=vs.85).aspx
Use
-ms-scroll-limit: 0 0 0 0;
to prevent any scrolling whatsoever in IE 10+. For older browsers you can write a workaround using JavaScript.Example of CSS and JavaScript:
(
overflow: hidden
is apparently inconsistent across browsers, but I do not know which browser does it right.)