Рубрики
Uncategorized

Размер коробки и высокая адаптивность данных

Автор оригинала: David Wong.

Требование: если содержимого данных недостаточно, высота поля равна остальной части экрана, если данные превышают экран, появится полоса прокрутки

Шаги: 1 – добавьте Код проекта:

I am the rendered dynamic list

2-крепление плюс расстояние в верхней части списка прослушиваемых данных

    this.wrapperHeight = document.documentElement.clientHeight - this.$refs.wrap.getBoundingClientRect().top + 'px';

3-добавление методов к методам

 getHeight () {
      let wrapperHeight =
        document.documentElement.clientHeight -
        this.$refs.wrap.getBoundingClientRect().top;
      let windowHeight = document.documentElement.offsetHeight;
      let warpHeight = this.$refs.wrap.offsetHeight;

      if (wrapperHeight >= warpHeight) {
        this.$refs.wrap.style.height = wrapperHeight + "px";
      } else {
        this.$refs.wrap.style.height = "inherit";
      }
    },