Как наложить изображение поверх pdfviewer встраиваемого в HTML-страницу?

Question

Я использую http://pdfobject.com/ библиотеку jquery для загрузки внешних PDF-файлов на HTML-страницу.То, что я хочу сделать, это наложить изображение на определенную позицию, но я изо всех сил пытаюсь получить точное положение определенного текста во встроенном PDF.

Я собираюсь использовать не очень правильное решение с использованием функции jquery .mousemove () для отслеживания позиций мыши внутри тега div, но позиции (pageX, pageY) остаются прежними даже после прокрутки div.

http://jsfiddle.net/2rZw9/

Как этого добиться?

Как я знаю, это решение не подходит в случае увеличения / уменьшения масштаба в pdfviewer, есть ли другая альтернативадоступны для наложения любого объекта / элемента на просмотрщик PDF как можно точнее?

Answer 1

Вы можете поместить более высокий z-индекс в элемент, который хотите наложить на iframe. Для IE bgiframe - отличный плагин jquery.

Подробнее: http://docs.jquery.com/Plugins/bgiframe

Answer 2

Смещение вертикальной прокрутки можно получить с помощью jQuery scrollTop () :

$('#coord').html(e.pageX + ' ' + ($(this).scrollTop() + e.pageY));

Также см. Обновленный пример .