Chrome Does Not Translate An Element On Reload

Okay i have a full page scroll project , everything works fine and beautiful on firefox except this Chrome..I have an element which translate on wheel event, so there is no actual

Solution 1:

I had similar problem, when replaceing srolling with translate on wheel event.

What helped me, was giving html and body:

overflow: hidden;
height: 100%;

Solution 2:

Okay I just gave body

position: fixed;
top: 0;
left: 0;
right: 0;

and everything got fixed on Chrome, after coding for some time now I can really say Firefox is the best browser and chrome is the worst!