Варианты прокрутки в HTML?

Question

Это что-то вроде этого, но я программирую страницу HTML, в которой есть PDF-файлы, которые я не хочу, чтобы пользователи могли загружать напрямую. Я решил эту проблему, избавившись от панели инструментов pdf и наложив pdf на изображение, чтобы пользователь не мог щелкнуть правой кнопкой мыши по изображению.

HTML (Реакция JS)

import BLOCK from "block.pdf";
import PDF from "example.pdf";

...

<div className="PDF">
  <h1>Example PDF</h1>
  <img src={BLOCK} width="100%" height="100%"className="Blocker"/>
  <iframe src={PDF+"#toolbar=0"} width="100%" height="800px" className="Viewer"/> 
</div>

CSS

.Blocker{
    z-index: 1;
    opacity: 0;
    top: 0; left: 0; right: 0; bottom: 0;
    position: absolute;
}

.Viewer{
    z-index: 0;
    top: 100px; left: 0; right: 0; bottom: 0;
    position: absolute;
}

Однако, проблема в том, что я не могу прокрутить внутри iframe, потому что изображение слишком хорошо его блокирует. Есть ли способ перенести действие прокрутки в iframe?