The infinite loading example it's not working

[Dagdelo]

After scrolling to the bottom of the page, the loading spinner never ends.

[tangbc]

I try was working well, how do you meet this problem?

[Dagdelo]

I simple, tried to load more items on infinite scroll example...

I'm on the demo page.
On Chrome Version 80.0.3987.163 (Official Version) 64 bits.
On Microsoft Edge the example works pretty-well.

[tangbc]

Look at your Console. is there no log out 'at bottom'?

This example scrolls to the real bottom to start adding data, but loading-spinner div always keep in bottom. Just use bottom-threshold equals to loading div height can solve.

[Dagdelo]

This solved! But idk why this happens only on chrome for me...

[tangbc]

Maybe not trigger reach bottom, can you console.log these three const value when problem occur?

In source code here:
https://github.com/tangbc/vue-virtual-scroll-list/blob/master/src/index.js#L182

console.log(offset, clientSize, scrollSize)

Trigger to bottom event condition is:
https://github.com/tangbc/vue-virtual-scroll-list/blob/master/src/index.js#L197

[Dagdelo]

Well, I've cloned the repo, installed packages, and serve the examples. This is my log
localhost-1587252745892.log

[tangbc]

I mean, in Chrome's console

[Dagdelo]

That file is just my console logs saved to file...

[tangbc]

By the way, these warnning maybe cause some bug:

vue.runtime.esm.js?e832:619 [Vue warn]: $attrs is readonly.
found in
---> <VirtualList>
       <InfiniteLoading> at src/views/infinite-loading/Main.vue
         <App> at src/App.vue
           <Root>
warn @ vue.runtime.esm.js?e832:619

Reason is that you have two node_modules both contains vue dependencies in package.json, just remove one and remove node_modules, then re-install all.

[tangbc]

So problem is find: 2181.60009 + 496 = 2677.60009, never equals to or more than 2678, so I have to use Math.ceil(offset) to solve the problem thoroughly, I will publish a version to fix it.

[tangbc]

Published v2.0.6