framework7io / framework7

Full featured HTML framework for building iOS & Android apps
http://framework7.io
MIT License
18.04k stars 3.23k forks source link

[virtual-list] jumps back to top after scrolling down the list #4171

Closed trancee closed 1 year ago

trancee commented 1 year ago

Describe the bug

When using the virtual-list component and adding multiple items so that you have to scroll the list, after a while it suddenly disrupts the scrolling and jumps back to the top.

To Reproduce

Steps to reproduce the behavior:

  1. Open the sandbox
  2. See multiple gray card items
  3. Scroll down the list
  4. When nearing the end of the list, it will suddenly jump back to the top

Expected behavior

It should not jump back to the top after reaching a certain amount of height when scrolling down the list.

Actual Behavior

When nearing the end of the list by scrolling down, it will suddenly jump back to the top.

Screenshots

See sandbox.

Additional context

Add any other context about the problem here.

nolimits4web commented 1 year ago

It is because you have wrong config https://codesandbox.io/p/sandbox/gracious-kare-x0i07z?file=%2Fsrc%2Fpages%2Fhome.f7.html&selection=%5B%7B%22endColumn%22%3A15%2C%22endLineNumber%22%3A30%2C%22startColumn%22%3A15%2C%22startLineNumber%22%3A30%7D%5D