Широкое положение: фиксированный элемент не останется внутри прокручиваемого контейнера

91
9

У меня очень большая таблица с position:fixed заголовок, который остается в верхней части страницы, когда вы прокручиваете страницу вниз.

Я пытаюсь улучшить это, поместив таблицу внутри контейнера ширины с достаточным размером с overflow:auto но фиксированный контейнер выходит за пределы div.

Вот упрощенная сценарий JS

спросил(а) 2021-01-19T15:24:39+03:00 9 месяцев назад
1
Решение
91

Проблема с переполнением связана с фиксированным свойством позиции для элемента заголовка, кроме того, горизонтальная прокрутка на контейнере (за исключением намеренного) должна быть исправлена путем добавления свойства overflow-x: hidden к вашему элементу контейнера.

.container {
width: 400px;
height: 400px;
background: #ccc;
overflow-x: hidden;
}

.header {
width: 600px;
height: 100px;
background: #ddd;
}

.content {
width: 600px;
height: 600px;
background: #eee;
}

Дайте мне знать, если это не тот ответ, который вы ищете, мы можем обсудить его дальше.

ответил(а) 2021-01-19T15:24:39+03:00 9 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема