В основном у меня есть две колонки, одна слева с текстом, и предварительный просмотр PDF справа с большим увеличительным стеклом сверху при наведении.
<div class="container">
<div class="col-md-6">
text here
</div>
<div class="col-md-6 scrollable-content">
<com-pdf-preview>
</com-pdf-preview>
</div>
</div>
Увеличительное стекло также холст в качестве предварительного просмотра PDF, сфера размером около 400 x 400 пикселей, которая перекрывает левый столбец при перемещении близко к левой границе правой. У меня проблема, я хочу сделать прокрутку предварительного просмотра в формате PDF, отсюда класс прокручиваемого контента класса css, который делает это:
.scrollable-content {
height: calc(100vh - 100px);
overflow: auto;
}
Если я удаляю переполнение: auto; все хорошо. При переполнении: авто; добавлено, круг увеличительного стекла обрезан по границам правого деления.