Почему у offsetTop всегда одно значение?

Я использую метода вкладок как здесь https://vuejs.org/v2/guide/components-dynamic-asyn...
<keep-alive>
  <component v-bind:is="currentTabComponent"></component>
</keep-alive>

Но у меня в двух вкладок все нормально срабатывает автоскролл, а вот в одном месте не хочет меняться. Сразу скажу что имею ввиду
watch: {
            scroll(value) {
                if (value) {//Если значение true то нужно сделать автоскролл
                    this.$nextTick(() => {
                        let el = document.getElementsByClassName("tab-body scrolling")[0];
                        el.scrollTop = this.$refs[this.itemName].offsetTop - this.$refs[this.itemName].scrollHeight;
//В итоге выходит в той вкладке которая проблемная, el.scrollTop = 0; 
// this.$refs[this.itemName].offsetTop = 729
//this.$refs[this.itemName].scrollHeight = 205
                    });
                }
            },
        },

И как не меняй scrollTop даже в браузере то ничего не меняется. Не пойму из-за чего так. Класс tab-body scrolling один для всех этих вкладок.
  • Вопрос задан
  • 150 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы