Блог Тильды

#tildaupdates Настройка overflow для осей X и Y

В Zero Block появилась возможность задавать разные параметры настройки overflow для осей X и Y. Это удобно, если, например, вы хотите, чтобы карточки или отзывы скроллились только по горизонтали, без вертикального смещения.

В посте разбираем, как параметры влияют на отображение элементов на странице, которые находятся за пределами рабочей области нулевого блока.

Overflow: hidden
Если задана эта настройка, контент за пределами рабочей области обрезается и не отображается на странице.

Overflow: visible
Если установлен параметр Visible для обеих осей, элементы за пределами артборда показываются поверх других элементов. При этом по оси Y будет виден весь контент блока, а отображение контента по оси X будет зависеть от разрешения экрана.

Overflow: auto
При данной настройке внутри блока появляется вертикальный и горизонтальный скролл. Этот вариант подойдёт, если вы хотите, чтобы элементы за пределами артбота отображались, но не накладывались на соседний блок.

X: hidden, Y: visible/auto
При таких параметр в Zero Block появляется вертикальный скролл и блок фиксируется, пока не будет отображён весь контент по оси Y.

X: visible/auto, Y: hidden
Эта настройка подходит, если вы хотите, чтобы контент за пределами рабочей области по оси X показывался по горизонтальном скроллу.
Made on
Tilda