Remove bounce on scroll in browser, issue with position:fixed div

Question

I\'m trying to remove the bounce when scrolling in chrome. You\'ll notice the top white black is fixed and behind the second yellow block as desired.

What I need to

Answer 1

Modified the solution to not create a new div in the page

html {
    height: 100%;
    overflow: hidden;
}

body {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

Worked for me but I didn't know if it's a good way to do