search

Akryum / vue-virtual-scroller

⚡️ Blazing fast scrolling for any amount of data
https://vue-virtual-scroller-demo.netlify.app
9.48k stars 901 forks source link

It is not behaving as in the demo #681

Closed AllanOricil closed 1 year ago

AllanOricil commented 3 years ago

This is my Component

image

computedSObjectFields is an Array of Objects

and this is the container with a pre defined Height

image

And this is the result

demo

yuxuanAbot commented 2 years ago

same, I've got the same result :(

ih84ds commented 2 years ago

I'm having the same issue. The update event doesn't seem to fire when scrolling the page. Not sure why.

kayijyc commented 2 years ago

I had a similar issue and after some time, turns out I forgot to import the library's css

import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'

After doing so, it works. Not sure if it's the same case for y'all but maybe so 🤷

ih84ds commented 1 year ago

Finally figured out how to solve the issue after putting it off for quite some time. For me, the issue was related to using the Ionic framework and specifically the way ion-content handles scrolling. The solution was to wrap the entire ion-content like this <ion-content><div class="ion-content-scroll-host">{{ actual_content_goes_here }}</div></ion-content> and then set it up so the scrolling happens on that element instead.

.ion-content-scroll-host {
  position: relative;
  top: 0;
  left: 0;

  height: 100%;
  width: 100%;
  overflow-y: auto;
}

After doing that, Page Mode works seamlessly with no need to have multiple scrollable areas on the page!