overflow-x:hidden still can scroll

Question

The problem is:

I have a full width bar menu, which is made by creating a big margin on the right and to the left. This margin should be cropped by overflow-x:

Answer 1

Try the fixed position html element, but this disable scroll both direction.

html {
    position: fixed;
}