Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
Contributor
cincura_net
Posts: 28
Registered: ‎05-27-2011
My Device: PlayBook, Torch 9800
My Carrier: none

Scrolling performance with overflow: scroll

Hi *,

 

In my application I have a div, that contains dynamic content and sometimes it's bigger than the screen real estate. I've added fixed size to it with overflow-y: scroll, but now the scrolling is slow and not smooth at all.

 

Is there something I can do to make it smooth as when the div is over sized? Or any other way to prevent application doing "boing" effect with gray space when scrolled to the bottom/top (the meta tag is there)?

 

Thanks JC

--
Jiri {x2} Cincura
blog.cincura.net
Please use plain text.
Developer
Pumano-
Posts: 215
Registered: ‎11-05-2011
My Device: Z10
My Carrier: Beeline

Re: Scrolling performance with overflow: scroll

it's a webkit perfomance problem, need fix from RIM :smileyhappy: 

Please use plain text.
Contributor
cincura_net
Posts: 28
Registered: ‎05-27-2011
My Device: PlayBook, Torch 9800
My Carrier: none

Re: Scrolling performance with overflow: scroll

So I'm basically locked in a corner. Either the application will have ugly gray overscroll or ugly slow scroll. 

--
Jiri {x2} Cincura
blog.cincura.net
Please use plain text.
Developer
studiochris
Posts: 165
Registered: ‎10-26-2010
My Device: BlackBerry® PlayBook™
My Carrier: .

Re: Scrolling performance with overflow: scroll

It may open an entirely new can of worms, but if you want better performance for scrolling, check out iScroll4. It is quite snappy on the PlayBook, but it has its own drawbacks depending on what else you need to do with the scrolling panel.

 

http://cubiq.org/iscroll-4

Please use plain text.
Contributor
cincura_net
Posts: 28
Registered: ‎05-27-2011
My Device: PlayBook, Torch 9800
My Carrier: none

Re: Scrolling performance with overflow: scroll

Hi, I checked it and looks nice.

Only problem I have is plugging it into jQuery Mobile "pages". If I do it, it "scrolls", but always jumps back to top when I release my finger. :\

Any idea what may be wrong?
--
Jiri {x2} Cincura
blog.cincura.net
Please use plain text.
Contributor
DMA2011
Posts: 33
Registered: ‎09-19-2011
My Device: playbook
My Carrier: none

Re: Scrolling performance with overflow: scroll

[ Edited ]

Hi.

I have seen this kind of behaviour from time to time, and occurs generally if the iscroller is not set up correctly (event handler) or if the scroller is dynamically filled and a call is not made to refresh.

 

Hope this points you in the right direction.

Please use plain text.
BlackBerry Development Advisor
tneil
Posts: 3,708
Registered: ‎10-16-2008
My Device: Z10
My Carrier: Rogers

Re: Scrolling performance with overflow: scroll

Yeah, iScroll needs to be setup in a very specific way around nesting a couple divs as well as setting the CSS properly on the containing div.

 

Here's how I'm dynamically creating a scrolling panel in bbUI.js

 

https://github.com/blackberry/bbUI.js/blob/next/src/plugins/scrollPanel.js

Tim Neil
Director, Application Platform & Tools Product Management
Follow me on Twitter
Please use plain text.
Contributor
cincura_net
Posts: 28
Registered: ‎05-27-2011
My Device: PlayBook, Torch 9800
My Carrier: none

Re: Scrolling performance with overflow: scroll

I still can't figure out what's the problem. :smileysad: Looks like some event somewhere is killing it. 

 

Maybe I should move from jQueryMobile to bbUI.js.

--
Jiri {x2} Cincura
blog.cincura.net
Please use plain text.