Доработать кнопку ScrollToTop (Nuxt.js)
Цена договорная
Кнопка зафиксирована у нижнего края окна на уровне 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
Выводится при прокрутке страницы на 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
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.