InfiniteScroll offset property

[Remo]

What’s your problem with it?

The offset just defines when the component should start loading more content.

There’s a nice and simple example https://github.com/quasarframework/quasar-play/blob/master/src/components/showcase/web-components/infinite-scroll.vue

[xereda]

@Remo But in this example, it does not have the use of “offset”. I was interested in doing a test and set “loadMore” to run when it was near the end of my already loaded list.

[rstoenescu]

@xereda By default, Infinite Scroll triggers “loadMore” when less than one screen height is left to scroll till the end of your list. If you want to change that to some other offset, use offset property. Here’s the description from the documentation:

Offset (pixels) to bottom of Infinite Scroll container from which the component should start loading more content in advance. Default it’s one container height.

So just specify a Number which represents how many pixels off the bottom of list should the Infinite Scroll trigger “loadMore”
Example: :offset="500" – notice we’re using Vue dynamic binding to cast property to Number.

[xereda]

I did not see anything about the “:offset” property in the documentation.

[rstoenescu]

[xereda]

[rstoenescu]

@xereda ?

[xereda]

Excuse me, but what is this “scroll” property? Is this an example only?

[rstoenescu]

It’s a Vue property that you can use for the Infinite Scroll component. Full example:

<quasar-infinite-scroll
  :handler="loadMore"
  :offset="700"
>
  ...
</quasar-infinite-scroll>

[xereda]

But there is no reference to the “scroll” property in the documentation, just for the “offset”.

[rstoenescu]

Ah, dammit. I’ve been meaning offset all the time. It’s just my exhaustion having a negative effect. Sorry. Replace scroll with offset in all my previous comments.

EDIT: Replaced with correct offset Vue property in all my previous comments.

[xereda]

No problem. I understand perfectly!
I’ll do some simulations.