Scroller view and endless scrolling on the same page

[Moomak]

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

[Kiril Nikolov]

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

[Moomak]

Thank you for your prompt reply. How about If we also would like to also include scrollview in the page scrolling flow?

[Kiril Nikolov]

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

[Moomak]

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!

[Kiril Nikolov]

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

[Moomak]

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

[Kiril Nikolov]

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