search

PeachScript / vue-infinite-loading

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

Top direction scroll loads whole pages in iOS Safari. #250

Closed Masayuki-Suzuki closed 5 years ago

Masayuki-Suzuki commented 5 years ago

Version

2.4.4

Vue.js version

Nuxt v2.8.1

Steps to reproduce

Access https://peachscript.github.io/vue-infinite-loading/guide/top-dir-scroll.html on iPad that's easy to understand.

What is Expected?

It should work like desktop browser.

What is actually happening?

Top direction scroll loads the whole data. So if data has 5 pages, it loads 5 times whether scroll is on the top.

Masayuki-Suzuki commented 5 years ago

243

Masayuki-Suzuki commented 5 years ago

243 doesn't work for ios.

Masayuki-Suzuki commented 5 years ago

This issue caused by "display: flex" and "flex-direction: column-reverse" css properties. Fixed.