quasar/src/components/page-scroller/QPageScroller.json

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

{
  "mixins": [ "components/page-sticky/QPageSticky" ],

  "meta": {
    "docsUrl": "https://v2.quasar.dev/layout/page-scroller"
  },

  "props": {
    "scroll-offset": {
      "type": "Number",
      "desc": "Scroll offset (in pixels) from which point the component is shown on page; Measured from the top of the page (or from the bottom if in 'reverse' mode)",
      "default": 1000,
      "examples": [ 550 ],
      "category": "behavior"
    },

    "reverse": {
      "type": "Boolean",
      "desc": "Work in reverse (shows when scrolling to the top of the page and scrolls to bottom when triggered)",
      "category": "behavior"
    },

    "duration": {
      "type": "Number",
      "desc": "Duration (in milliseconds) of the scrolling until it reaches its target",
      "default": 300,
      "examples": [ 500 ],
      "category": "behavior"
    },

    "offset": {
      "default": [ 18, 18 ],
      "category": "content"
    }
  }
}