☰

Прокрутите HTML-файл без полос прокрутки

tag-icon • tag-icon windows browser html javascript
Прокрутите HTML-файл без полос прокрутки

У меня есть HTML-файл с JavaScript, который добавляет к колесику мыши функцию масштабирования (вместо прокрутки).

Полосы прокрутки не отображаются, а перемещение вверх-вниз-вправо-влево возможно только путем перетаскивания мышью.

PageUpи PageDownне работают тоже.

При попытке сделать снимок экрана будет сделан снимок только области, видимой в окне браузера, а не всего содержимого страницы.

Мойдвопрос: как это возможно,

  • по крайней мере, прокрутить вниз PageDown(чтобы сделать последовательные скриншоты),
  • или, в лучшем случае, сохранить всю страницу (а не только видимую в браузере область) как изображение/pdf.

решение1

Извините, но насколько я знаю, это не так просто сделать. Если только вы не достаточно опытны, чтобы использовать Developer Tools (F12) в вашем браузере.

Например, в Google Chrome:

  1. щелкните правой кнопкой мыши на области, снимок которой вы хотите сделать
  2. выберите «Проверить»

  3. На панели «Стили» справа вы можете попробовать добавить следующие стили CSS, которые, как ожидается, дадут вам возможность прокручивать страницу:

    • переполнение
    • ширина
    • высота

см. этот скриншот DevTools

Например:

element.style {
    overflow: visible;
    width: 2000px;
    height: 2000px;
}

Вам может понадобиться немного поиграть со значениями и/или другими стилями CSS, если это необходимо. Поскольку вы не указали точный URL для страницы, о которой идет речь, я даю здесь только общий ответ.

Связанный контент