Как сделать встроенный PDF-фрейм по всей высоте содержимого?

Question

Я хотел бы вставить PDF в div на своей странице.Я хочу, чтобы div был прокручиваемым объектом, а не читателем PDF.Причина, по которой мне это нравится, заключается в том, что я хочу контролировать внешний вид полосы прокрутки, а также скрывать кнопки PDF в браузерах, отличных от Chrome.

По сути, я хочу, чтобы высота объекта PDF автоматически масштабировалась до количества страниц, при этом у меня был статический div высоты, который позволит прокручивать.

Это мой текущий код:

            <div className={"object-viewer"} style={{height: '100%'}}>
            <object style={{width: '100%'}}
                    data={data.file.file + "#toolbar=0&navpanes=0&view=FitH&page=" + this.state.pagenum}
                    type="application/pdf">
                <embed
                    src={data.file.file + "#toolbar=0&navpanes=0&view=FitH&page=" + this.state.pagenum}
                    width={this.state.width}
                    type='application/pdf'
                    wmode='opaque'
                    top-toolbar-height="0"/>
            </object>
            </div>

Как сделать так, чтобы у "объекта просмотра" была заданная высота с переполнением при прокрутке по оси Y, при этом была предусмотрена динамическая высота для объекта / встраивания?