VOOZH about

URL: https://quasar.dev/vue-directives/scroll-fire/

⇱ Scroll Fire Directive | Quasar Framework


assignment_late
Why donate
travel_explore
API Explorer
build
Quasar CLI (with Vite)
Upgrade Guide
Creating a New Project
The /quasar.config File
Convert q/app-webpack Project
Browser Compatibility
TypeScript Support
Directory Structure
Commands List
CSS Preprocessors
Page Routing with VueRouter
Lazy Loading - Code Splitting
Handling Assets
Boot Files
Prefetch Feature
API Proxying
Handling Vite
Handling import.meta.env
State Management with Pinia
Lint and Format Code
Testing & Auditing
Developing Mobile Apps
Ajax Requests
Opening Dev Server To Public
build
Quasar CLI (with Webpack)
Scroll Fire Directive

“Scroll Fire” is a directive that enables a method to be called (once and only once) when the user scrolls current page and the DOM element (or component) that it is applied to comes into the viewport.

TIP

There is also a Scroll directive which fires whenever user scrolls the page.

Loading ScrollFire API...

Usage

Scrolling container

Please read here about how Quasar determines the container to attach scrolling events to.

Basic


IMPORTANT

For performance purposes, the scroll listener function injected is by default debounced by 50ms.


Caught a mistake?Edit this page in browser
1. Introduction
2. ScrollFire API
3. Usage
Copyright © 2015-present PULSARDEV SRL, Razvan Stoenescu