Как сделать такой же js скрипт который поднимает таб вверх?

Подскажите, в каком ключе искать ключ или как это называется.

На сайте detskiy-vrach.com/price при нажатии на ТАБ (спойлер) (если он в середине экрана), то скрипт поднимет его вверх. Очень удобная штука, хочу себе реализовать подобное.
  • Вопрос задан
  • 120 просмотров
Решения вопроса 1
mosesfender
@mosesfender
Меланхолик, параноик, падал с коек
Да приделай всем элементам сразу:
if (!Element['scrollMe']) {
    Element.prototype['scrollMe'] = function () {
        window.scrollTo({
            top: this.offsetFrom(document.body).top,
            left: this.offsetFrom(document.body).left,
            behavior: 'smooth'
        });
    };
}

А там уж хоть чучелком, хоть через что-то:
<div onclick="this.scrollMe()">чтототам</div>

UPD. Забыл Element.offsetFrom() написать.
Element.prototype['offsetFrom'] = function (element) {
    var ret = {};
    var currentBounds = this.getBoundingClientRect();
    var elementBounds = element.getBoundingClientRect();
    ret.top = currentBounds.top - elementBounds.top;
    ret.left = currentBounds.left - elementBounds.left;
    ret.bottom = currentBounds.bottom - elementBounds.bottom;
    ret.right = currentBounds.right - elementBounds.right;
    ret.topHeight = ret.top + currentBounds.height;
    ret.leftWidth = ret.left + currentBounds.width;
    return ret;
};
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы