Привет) Не могу сделать так чтобы модалка была не под обрез внизу при прокрутке, а чуть выступала на 10px?

Привет! Для того чтобы модальное окно ("модалка") в вашем веб-приложении не обрезалось внизу и выступало на 10px при прокрутке страницы, можно использовать следующий подход:

1. Сначала необходимо определить текущий размер окна браузера и добавить к нему 10px, чтобы вычислить позицию, на которой должно быть размещено модальное окно. Для этого можно использовать JavaScript.

Пример кода:

const modal = document.querySelector('.modal');
const windowHeight = window.innerHeight;
const modalHeight = modal.clientHeight;
const position = windowHeight + window.scrollY - modalHeight + 10;

modal.style.top = `${position}px`;

2. Затем следует привязать этот код к событиям, которые могут вызвать открытие модального окна, например, клик на кнопку "Открыть модальное окно":

Пример кода:

const openModalButton = document.querySelector('.open-modal-button');

openModalButton.addEventListener('click', () => {
  // Открытие модального окна

  // Здесь добавить код для центрирования модального окна по вертикали
});

3. Также, важно учитывать, что при изменении размеров окна браузера или при прокрутке страницы, позиция модального окна также должна корректироваться. Для этого можно использовать события resize и scroll:

Пример кода:

window.addEventListener('resize', () => {
  // Обновление позиции модального окна при изменении размеров окна
});

window.addEventListener('scroll', () => {
  // Обновление позиции модального окна при прокрутке страницы
});

Таким образом, перечисленные шаги позволят вам реализовать такое поведение модального окна, чтобы оно выступало на 10px от нижней границы окна браузера при прокрутке страницы. Не забывайте также учитывать особенности вашего дизайна и интерфейса при реализации данного функционала.