SwBackTop
Кнопка «наверх» — появляется после прокрутки ниже visibilityHeight, плавный scroll to top.
Свойства / Properties
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
class | String | `` | CSS-класс кнопки. |
visibilityHeight | Number | 400 | Порог scroll для показа. |
target | String/HTMLElement | window | Контейнер прокрутки (селектор или элемент). |
right | String | 2rem | Отступ справа (position: fixed). |
bottom | String | 2rem | Отступ снизу. |
Пример
Прокрутите превью — кнопка появится внизу справа.
<div id="sw-backtop-demo" style="height:16rem;overflow:auto;padding:1rem">
<p>Прокрутите этот блок.</p>
<div style="height:48rem"></div>
<sw-back-top target="#sw-backtop-demo" :visibility-height="80" />
</div>