Доработать кнопку ScrollToTop (Nuxt.js)

Цена договорная
06 апреля 2021, 21:27 • 6 откликов • 47 просмотров
Кнопка зафиксирована у нижнего края окна на уровне 96px.
Выводится при прокрутке страницы на 1000px.
У страницы есть футер высотой 64px.

Нужно доработать следующий функционал:
1. Пока не дошли до футера кнопка должна быть зафиксирована на расстоянии 32px от нижнего края окна (position: fixed; bottom: 32px).
2. При появлении в окне футера кнопка должна остановиться перед ним на расстоянии 32px (position: absolute; bottom: calc(#{$footer-height} + 32) и двигаться вместе с ним.
3. При прокрутке наверх кнопка должна возвращаться на 32px от нижнего края окна.
4. Кнопка не должна добавлять в основной поток лишних отступов.

Пример похожей реализации:
https://fonts.google.com/icons?selected=Material+Icons&icon.query=doc
Хотя в этом примере срабатывает не идеально (не сразу)...

Обратите, пожалуйста, внимание: нужен синтаксис Vue и Nuxt.
В откликах просьба указывать цену, за которую сможете выполнить доработку.

Сниппет:
https://pastebin.com/WecFm7dU