Infinite scroll on mobile


Topic: Infinite scroll on mobile

smoehrle asked 4 years ago

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/


Grzegorz Bujański staff answered 4 years ago

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.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • 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
Tags