Web and WebWorks Development

[cincura_net]

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

[Pumano-]

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

[cincura_net]

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

[studiochris]

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

[cincura_net]

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?

[DMA2011]

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.

[tneil]

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

[cincura_net]

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

Maybe I should move from jQueryMobile to bbUI.js.