search

PeachScript / vue-infinite-loading

An infinite scroll plugin for Vue.js.
https://peachscript.github.io/vue-infinite-loading/
MIT License
2.66k stars 366 forks source link

On mobile screen, the vue-infinite-loading auto load all records without scrolling? #321

Closed cuoppro9x closed 2 years ago

cuoppro9x commented 2 years ago

Hello, I have a problem. . The vue-infinite-loading works normally on Desktop screen size. (it only loads the next records when I scroll to the bottom of the screen) . But . On tablet or mobile screen size, it automatically loads all the next records until there's no record to load although I don't scroll to the bottom of the screen. That's make my web call too many API automatically and slowy. . Here is my example code:

infiniteHandler($state: StateChanger): void { if (this.totalPageCnt < this.pageID) { $state.complete(); return; } const payload = this.channelId === 'bookmark' ? { pageId: this.pageID, cnt: 1 } : { pageId: this.pageID, cnt: 1, contentsType: this.channelId ? [Number(this.channelId)] : [], }; ArticleStateModule.loadPageAndStore(payload) .then(() => { $state.loaded(); this.$emit('loadingChange', false); }) .catch((e) => { this.$emit('loadingChange', false); CONSTANTS.APP_ERROR.NO_DATA === e ? $state.complete() : $state.error(); }); }

Video: https://watch.screencastify.com/v/mxyYiD1i1Tfs6CzTc29O

Hope you support me soon. Thanks. . Sorry for my bad English

ChananyaWinston commented 2 years ago

I'm experiencing the same issue Why did you mark this issues as completed

mor-thuongnd commented 2 years ago

I'm experiencing the same issue Why did you mark this issues as completed

ChananyaWinston I found my problem is because of my css, not because of this component. - I'm cuoppro9x

ChananyaWinston commented 2 years ago

Thank you. I found that too

On Mon, Jun 27, 2022, 06:12 ThuongND @.***> wrote:

I'm experiencing the same issue Why did you mark this issues as completed

I found my problem is because of my css, not because of this component

— Reply to this email directly, view it on GitHub https://github.com/PeachScript/vue-infinite-loading/issues/321#issuecomment-1166786580, or unsubscribe https://github.com/notifications/unsubscribe-auth/AKHL4SAWYXDWBQSCPVQUVODVREL2DANCNFSM5KUMD52A . You are receiving this because you commented.Message ID: @.***>

Shaikh-Dilshad commented 1 month ago

ChananyaWinston can you tell me which css is affecting this?