То, что вы спрашиваете, на самом деле не «готовый» способ делать вещи.Это, конечно, невозможно, как вы спрашиваете.
Очевидная проблема в том, что произойдет, если остальная часть вашей страницы слишком велика для экрана и нуждается в полосе прокрутки?
Возможно, возможно достичь желаемого эффекта, но ценой полной реорганизации структуры вашей страницы и серьезного ограничения того, что вы можете сделать с остальной частью страницы.
Ближайший к вамЧтобы добраться до этого, нужно полностью изменить макет страницы таким образом, чтобы прокручиваемая область являлась основным элементом страницы с обычным значением position:static
или position:relative
.В случае отсутствия какого-либо другого контента это будет вести себя как обычная страница, но потребует больших полей со всех сторон.Остальная часть содержимого вашей страницы будет размещена поверх него, используя z-index
и position:fixed;
.Это должно быть в форме по крайней мере четырех отдельных <div>
элементов, эффективно действующих как фрейм для основного контента.Вы можете поместить все, что вам нравится, в эти элементы фрейма, но, очевидно, в отличие от макета, который вы описали, у вас не может быть контента, который течет ни за прокручиваемой областью, ни между четырьмя элементами div.но не легко, и, вероятно, не так, как вы предполагали.