http://jsbin.com/otImETiQ/20/
I want for have two separate ScrollViews on a page but there seem to be some glitches:
I want for have two separate ScrollViews on a page but there seem to be some glitches:
- When the page first loads, an extra portion of the component is visible. I had to work around this with window.trigger('resize'); If there's a smarter way please let me know.
- If I apply padding to the scrollview, the div does not position itself correctly initially. It snaps into position after you attempt to interact with the widget. (I found a workaround to by setting a translate param to the first child div)
- The bottom scrollview isn't visible initial until the user starts to interact.
- For the bottom scrollview. With 3 data items, I'd expect to be able to page swipe to the 2nd page. That doesn't seem to work. The 3rd item doesn't appear to have been created.
- The pager for both show the number of items in the data source rather than the number of page.
Please any suggestions are welcome.
Thank you
Thank you