I'm creating a site where I use multiple elements div of the page size, and links in the top menu that directs to these div , doing a page scrolling effect with each click.
My problem is that in Internet Explorer, the scroll bar does not add up, even though I use overflow:hidden on, body or div main.
Notes: I do not know why but in the JSFiddle the code did not work 100%.
I was able to solve the problem, the fact is that when I had tested the overflow in the elements, I did not test it for the html tag.
When I entered the overflow:hidden statement in the html tag, the problem was solved:
html{
overflow: hidden;
}
When I had this problem in IE I did the following:
.divOverflowHidden{
display: inline-block;
position: relative;
}
.divFilhos {
position: absolute;
}
It worked for me, I do not have that link anymore, it was in the English OS.
Try to use:
#div {
overflow-x: hidden !important;
overflow-y: hidden !important;
}
or else:
$("#div").css("overflow","hidden");
Maybe jQuery can make it work in IE. If div is taking up the entire screen, try to make some pixels smaller.
Edit : It could be this way too:
* {
overflow-x: hidden !important;
overflow-y: hidden !important;
}