07-03-2012 01:21 PM
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)?
07-03-2012 05:10 PM
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.
07-08-2012 02:31 AM
07-08-2012 03:13 AM - edited 07-08-2012 03:14 AM
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.
07-09-2012 09:26 AM
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
07-14-2012 11:02 AM
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.