Я встраиваю PDF в мою веб-страницу. Я делаю некоторые tom-foolery, чтобы скрыть строку состояния (включая кнопки загрузки и номера страниц), чтобы я мог управлять ими извне (я хочу иметь возможность принудительно загружать другие файлы, когда они пытаются загрузить документ). Если это имеет какое-либо значение (например, решение, которое будет работать / не будет работать при наличии инфраструктуры), я использую React.
Я могу установить активную страницу PDF, используя URL, но после загрузки этой страницы я не могу получить позицию прокрутки документа, чтобы обновить номер страницы.
Я думаю, что решение для этого - поместить встроенный PDF в div, который я могу контролировать лично. Чтобы сделать это, я хочу, чтобы внедренный объект имел высоту, которая является суммой вертикальной высоты всех страниц PDF вместе, а затем заключил это в div с заданной высотой. Оттуда я могу контролировать положение прокрутки документа, чтобы определить текущую страницу.
<div class='encasing-div'>
<div class='toolbar'/>
<object data='some.pdf' type='application/pdf'>
<embed src='some.pdf' type='application/pdf' wmode='opaque'/>
</object>
</div>
Я не могу получить вложенный PDF-файл в полный рост документа. Я знаю количество страниц в документе при загрузке страницы, но я не знаю, как / если я могу использовать это для правильной регулировки высоты.
Как можно сделать внедренный объект высотой всего PDF, исключив таким образом прокрутку из внедренного объекта и разрешив использовать внешнюю прокрутку?
Редактировать: Вот картина, пытающаяся объяснить, что я ищу. Во второй части рисунка материал за пределами div будет скрыт, но прокручиваться до.
