Framework7 bug infiniteScroll?

Questions
1

here I use 2 examples of buttons A and B, then button A to display data using infiniteScroll.
I run button B when infinite Scroll to button A is not finished. Then I pressed the A button again and what happened was that the data displayed was not correct.

Please help, because I have tried several conditions but it still doesn’t work.
I want to perform Infinite Scroll repeatedly without waiting infinite scroll to finish and the data shown is always correct

2

Infinite scroll load the data when the page scroll is near to the bottom. How you display the data?

3

This example (https://framework7.io/docs/infinite-scroll.html) works because we are waiting for the data to finish when we use infinite scroll.

Please now try to make 2 button A and button B.

Button A: to display data using infinite scroll function
Button B: cancel infinite scrolling when data has not been finished displayed by button A

The last step press the A button again, you will know that the data is displayed incorrectly.

here I am tired of creating conditions because the various ways to fix it don’t work properly

4

Works for me.

https://jsfiddle.net/38a9L7tc/

1 Like
5

oh yes, I understand now.

Thank you so much for your help.
:smile: :slight_smile:

6

Cool. What is your issue before? I’m curious :thinking:

7

previously, I don’t use this function

  • clearTimeout(timer);
  • $$(’.list ul’).children().remove();

:slight_smile:

8

Yup. You can clears an existing timer with clearTimeout() by passing in the numeric value returned by setTimeout()

9

Yes, thank you :smile: