Как сделать отрицательно оцененные элементы с абсолютным позиционированием для прокрутки? - PullRequest
Новая
       42

Как сделать отрицательно оцененные элементы с абсолютным позиционированием для прокрутки?

0 голосов
/ 20 июня 2019

Я работаю над проектом, в котором некоторые элементы динамически позиционируются в отрицательные абсолютные значения. Нет проблем с прокруткой родительского элемента с положительными элементами с абсолютным позиционированием, но я не могу найти решение прокрутки и сделать видимыми элементы с отрицательным абсолютным позиционированием. Есть ли способ сделать это?

вот PEN Я написал, чтобы показать, что я имею в виду. 

<div class="relative-positioned">
    <div class="negative-absolute-positioned">negative absolute positioned</div>
    <div class="positive-absolute-positioned">positive absolute positioned</div>
</div>

.negative-absolute-positioned {
    position: absolute;
    top: 10px;
    left: -30px;
    background-color: darkslateblue;
    color: white;
    padding: 5px 10px;
}
.positive-absolute-positioned {
    position: absolute;
    top: 10px;
    left: 1000px;
    background-color: darkslateblue;
    color: white;
    padding: 5px 10px;
}
.relative-positioned {
    position: relative;
    width: 500px;
    height: 200px;
    overflow: scroll;
}

1 Ответ

0 голосов
/ 24 июня 2019

Это не связано с отрицательными значениями abspos, оно связано с переполнением и свойством direction, поскольку оно относится к тексту и переполнению в контейнере прокрутки.В режимах записи, которые идут справа налево, использование отрицательного значения для перемещения объектов за левую сторону контейнера фактически приведет к появлению прокручиваемого переполнения.

Если вы хотите увидеть его в действии, добавьте в свой кодовый блок ... 

body { direction: rtl }

Внезапно ваше отрицательное левое значение будет прокручиваться к внутреннему концу контейнера прокрутки.

Из-за ограничений веб-совместимости (вызванных тем, что авторы используют устаревшие ошибки, чтобы скрытно скрыть контент от визуальных читателей, но не от поисковых систем и /или речевой вывод), UA должны обрезать область переполнения прокрутки контейнеров прокрутки со стороны начала блока и встроенного начала коробки (таким образом, ведя себя так, как если бы они не имели переполнения прокрутки на этой стороне).

viewport использует основной режим записи для этих вычислений.

Так что все это долгий способ сказать, что нет никакого способа сделать то, на что вы надеетесьбез смешивания режимов письма.

...