Topic: Infinite scroll on mobile
Could you help me understand why some of the examples on [1] do not work on mobile?
Expected behavior
All examples on [1] should work
Actual behavior
Some of the examples on [1] do not work on my mobile browser. I.e. the first example and the full screen example do not work. However the direction and async example do.
Resources (screenshots, code snippets etc.)
[1] https://mdbootstrap.com/docs/standard/methods/infinite-scroll/
It is about the resolution of the screen and loaded photos. For example, in my case, the async example does not work on the phone, because the element with the infinite-scroll class is set to max-height: 500px, and on my phone the pictures are too small and do not stretch this element enough for a scroll to appear. Infinity-scroll does not work without scroll.
smoehrle commented 4 years ago
Thanks for the reply.
Either I do not completely understand your answer or there is still an issue. On my phone for the first example I can see the 6 smiles until "Grin" but only 4 at a given time. So I have to scroll up and down to see them all but when I reach "Grin" there should be loaded more. At least this is what happens on my laptop.
And for the last example. That's a whole site where I need to scroll. When I open the site on my phone I see sometimes 6, sometimes 8 pictures. On my laptop its always 14.
Best regards.
Grzegorz Bujański staff commented 4 years ago
I spent a few minutes testing. I can see that not all elements are always loaded. We will fix it as soon as possible.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Standard
- MDB Version: 3.2.0
- Device: Mobile
- Browser: Chrome
- OS: Android 10
- Provided sample code: No
- Provided link: Yes