Home/ Questions/Q 8889491
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T22:16:32+00:00

I’m writing an app over PhoneGap and I’m using css and jquery. I know

  • 0

I’m writing an app over PhoneGap and I’m using css and jquery. I know I can scale an element but it doesn’t seem to have an effect on its visible height. It just shrinks but still keeps space. I need somehow a GPU accelerated height maninpulation. GPU accelerated display/hide would also be fine.

Thanks.

EDIT: the structure I have is

slides-container
— slides
—— slide

slides-container has width: 320px; overflow: hidden; to create a window for the slide to slide. When I remove overflow: hidden; it works fine but then I lose the sliding effect.

Whats happening actually is wheneever I do a move to a slide with a larger height, there is a white flash. I set the slide heights after the movement.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Got the answer. Just haven’t implemented it correctly yet.

    I think I’ve seen some people talk about it before but its basically about changing the height of a slide in a container which has is not big enough. Changing the height of the container fixes the issue. What I’m not 100% sure is that to which value should I change height of the container. Anyway that my issue. I ll let know if I find something generic though.

    For now I would say make sure the container can fit its elements inside.

    Also besides;
    -webkit-backface-visibility: hidden;
    this
    -webkit-transform-style: preserve-3d;
    also helps.

    • 0