Bring attention to page control

[driedler]

When a user first opens a page, I’d like to bring their attention to a button on the bottom of the page (which is not immediately visible, they must first scroll to it).

I was thinking of adding a bouncing, sticky notification with a message. The notification goes away when the user dismisses it or clicks the button.

Does anyone have any tips on the best way to do this?

[metalsadman]

@driedler on top of my head, you could use a page sticky with your bouncing transition, then qobserver/v-intersection to listen for scrolling then hide the page sticky at some point via flag using v-if. https://quasar.dev/vue-directives/intersection#Introduction