{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/infinite-scroll"},"props":{"offset":{"type":"Number","desc":"Distance (pixels) from the end of the content (the top of it in reverse mode) to the visible area of the scroll target at which loading more content starts, in advance","default":"500","category":"behavior","required":false},"debounce":{"type":["String","Number"],"desc":"Debounce amount (in milliseconds)","category":"behavior","default":"100","required":false},"initial-index":{"type":"Number","desc":"Initialize the pagination index (used for the @load event)","default":"0","category":"behavior","required":false},"scroll-target":{"type":["Element","String","ComponentInstance"],"desc":"CSS selector, DOM element or Vue component reference (standing for its root element) to be used as a custom scroll container instead of the auto detected one","examples":[".scroll-target-class","#scroll-target-id","$refs.scrollTarget","$refs.scrollAreaComponent","document.body"],"category":"behavior"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"reverse":{"type":"Boolean","desc":"Scroll area should behave like a messenger - starting scrolled to bottom and loading when reaching the top","category":"behavior"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"},"loading":{"desc":"Slot displaying something while loading content; Example: QSpinner"}},"events":{"load":{"desc":"Emitted when Infinite Scroll needs to load more data","params":{"index":{"type":"Number","desc":"The index parameter can be used to make some sort of pagination on the content you load. It takes numeric values starting with 1 and incrementing with each call"},"done":{"type":"Function","desc":"Function to call when you made all necessary updates. DO NOT forget to call it otherwise your loading message will continue to be displayed","params":{"stop":{"type":"Boolean","desc":"Stops QInfiniteScroll if it's Boolean 'true'; Specify it in case there's nothing more to load"}},"returns":null}}}},"methods":{"poll":{"desc":"Checks whether the end of the content is within offset of the visible area and loads more content if necessary","params":null,"returns":null},"trigger":{"desc":"Tells Infinite Scroll to load more content, regardless of the scroll position","params":null,"returns":null},"reset":{"desc":"Resets calling index to 0","params":null,"returns":null},"stop":{"desc":"Stops working, regardless of scroll position","params":null,"returns":null},"resume":{"desc":"Starts working. Checks scroll position upon call and if trigger is hit, it loads more content","params":null,"returns":null},"setIndex":{"desc":"Overwrite the current pagination index","params":{"newIndex":{"type":"Number","desc":"New pagination index","required":true}},"returns":null},"updateScrollTarget":{"desc":"Updates the scroll target; Useful when the parent elements change so that the scrolling target also changes","params":null,"returns":null}}}