1

На картинке видно текущий скроллбар, нужно его перенести на всю высоту экрана. Попробовал сделать див(с position:relative) а в нем див со скроллом Position:absolute; и выровнял по всем сторонам, внутри него сделал див с margin-top:20 vh; получилось что скроллбар на всю высоту а блок там где и нужно и отсюда следующая проблема, при скролле нижний блок налазит на верхний. На втором изображении видна проблема.

<div style="position:relative;"><!-- чтобы блок с Position:absolute брал его размеры -->
    <div class="scroll" style="position: absolute;right: 0;top:0;left:0;height: 80vh;overflow-y:auto;">
        <div style="position: relative;top:20vh;left:0;right:0;">
            <div>...</div>
            <div>...</div>
            <div>...</div>
        </div>
    </div>
</div>

введите сюда описание изображения

введите сюда описание изображения

3
  • нарисуй как должно быть
    – code211218
    1 июл 2017 в 11:26
  • Первый img как должно быть нарисовано 1 июл 2017 в 17:10
  • без реальной страницы html трудней найти как исправить
    – code211218
    1 июл 2017 в 18:23

1 ответ 1

0

Сделай все блоки кроме того, который по центру, position:fixed

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.