Используя overflow: auto
, установив max-height
в редактируемый контейнер содержимого, вычислив высоту порта представления за вычетом высоты липкого нижнего колонтитула. Пожалуйста, проверьте рабочий пример ниже:
.sticky-footer {
position:sticky;
bottom:0;
padding:20px 0;
background:#eee
}
.content-editable{
min-height: 30px;
overflow: auto;
max-height: calc(100vh - 65px);
}
<div contenteditable class="content-editable">Start typing ...</div>
<div class="sticky-footer">
<button>Submit</button>
</div>