Scroller view and endless scrolling on the same page

8 posts, 0 answers
  1. Moomak
    Moomak avatar
    4 posts
    Member since:
    Feb 2014

    Posted 26 Feb 2014 Link to this post

    We've problem putting scroller view and endless scrolling on the same page. The last item of the endless list seems to be hidden beneath the viewport. The problem seems to be solved when we remove the scroller view.

    Is there anyway to put Scroller view and endless scrolling on the same page. Thanks
  2.
  3. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 26 Feb 2014 Link to this post

    Hello Moomak,

    This behavior is caused by the CSS flexboxes being used in the Kendo UI Mobile ScrollView. Please check the following example, showing how to add ListView with endless scrolling in a view with ScrollView:

    http://jsbin.com/tahal/2/edit

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Moomak
    Moomak avatar
    4 posts
    Member since:
    Feb 2014

    Posted 26 Feb 2014 Link to this post

    Thank you for your prompt reply. How about If we also would like to also include scrollview in the page scrolling flow?
  7. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 27 Feb 2014 Link to this post

    Hello Moomak,

    I was not able to understand exactly what is your question. Do you want to include a ListView inside a ScrollView? Could you please elaborate a bit more?

    Thank you very much for this.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  9. Moomak
    Moomak avatar
    4 posts
    Member since:
    Feb 2014

    Posted 27 Feb 2014 Link to this post

    According to your JS BIN,http://jsbin.com/tahal/2/edit, the ScrollView is fixed at the top. We would like the ScrollView to be in the document flow. How can we do it? 
    Thanks a bunch!
  11. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 28 Feb 2014 Link to this post

    Hi Moomak,

    If I understand you correctly, you want to achieve the "facebook like" effect - scrolling vertically with ScrollViews scrolling horizontally. Please check the following example, showing a possible solution:

    http://jsbin.com/tahal/3/edit

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  13. Moomak
    Moomak avatar
    4 posts
    Member since:
    Feb 2014

    Posted 03 Mar 2014 Link to this post

    If you could go to https://pojimojimall.bentoweb.com with your mobile phone, this is exactly what we would like to achieve with kendo mobile. We would like to have scrollview at the top banner area and at the bottom is listview with endless scroll capability 

    http://jsbin.com/yegefade/1/edit - This link is the result of what we have tried. If you could scroll down to the very bottom part of the document, you can see that some of the last item can not be shown

    Please suggest
  14.
  15. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 04 Mar 2014 Link to this post

    Hi Moomak,

    You need to place each component in a separate scroller, so they can be correctly placed and work as expected. Check the updated example here:

    http://jsbin.com/yegefade/6/edit

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top