Scroll bar not hidden in Internet Explorer

Question

I’m creating a site where I use various elements div page size, and links in the top menu that directs to these div, making a page scrolling effect every click.

My problem is that in Internet Explorer, the scroll bar does not disappear, even if I use overflow:hidden in the , body or div leading.

EXAMPLE

Notes: I don’t know why but in Jsfiddle the code didn’t work 100%.

Answer 1

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 the div is taking the whole screen, try to make some pixels smaller.

Edit: It can be this way too:

* {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

Answer 2

When I had this problem in IE I did it this way:

.divOverflowHidden{
  display: inline-block;
  position: relative;
}

.divFilhos {
  position: absolute;
}

worked for me, I no longer have this link more was the OS in English .

Answer 3

I managed to solve the problem, the fact is that when I had tested the overflow in the elements, I ended up not testing the same for the tag html.

When I inserted the declaration overflow:hidden on the tag html, the problem has been solved:

html{
    overflow: hidden;
}