blackberry css position: fixed

Question

I recently encountered a problem with my site. I have a position:fixed div which acts as a header.

However, thIs doesn't work as it should. Instead of actually moving with the scroll wheel on the blackberry, it jumps down after the scroll wheel is released.

How can I achieve a normal scrolling and fixed header on the blackberry, like on a computer, through css or any other means?

Thanks.

N.B. I have not been able to test other phones.

Answer 1

Yeah, this one is always a hard ask, mobiles use the viewport differently, they render the whole page as sort of an image, then your viewport moves up and down that image.

I havnt tested this on a blackberry, but got it working on iPhone and iPad using jQuery stuff, feel free to check out the source: http://trans.worldvision.com.au/ChildSponsorship/ChildSearch.aspx hope it works on blackberry ans is a help to you.