I want to hide a certain content after a tap, with animation. Doing this with max-height: 0 and css transition is choppy and ugly, so I found out that using translate3d would be better for nice transition - and actually it’s visually perfect, very very smooth.
transform: translate3d(0, -440px, 0);
where 440px is the size of the element I want to hide. I’m then applying this translation to all the content of the scrollview and this element simply disappears out of the view. As said, it’s perfect.
The problem is, the scrollview itself doesn’t resize to take its content translation into account. So when scrolling all the way down, there is a huge gap of 440px at the bottom of the page, which is not great at all.
I know it’s an expected behavior, but I can’t seems to find a solution. Can anyone help me out on this ?