Как прокручивать внутри холста HTML

click fraud protection
...

Добавьте прокрутку на холст HTML с помощью элемента div.

Версия 5 языка разметки гипертекста, более известного как HTML, включает поддержку нового элемента. называется «холст». Элемент холста HTML5 действует как контейнер для анимации, графики или пользовательского JavaScript. код. Если вы хотите включить прокрутку в пределах холста на своей веб-странице, вы можете обернуть весь элемент холста в элемент div, а затем использовать атрибут переполнения для добавления необходимых полос прокрутки.

Шаг 1

Откройте HTML-документ, содержащий элемент холста, в веб-приложении для редактирования или текстовом процессоре.

Видео дня

Шаг 2

Поместите текстовый курсор перед ""в вашем HTML-коде.

Шаг 3

Введите в свой HTML-код следующее:

Атрибут переполнения включит полосы прокрутки в вашем контейнере.

Шаг 4

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

Шаг 5

Поместите текстовый курсор после тега "".

ШАГ 6

Тип "

"в HTML-код, чтобы закрыть контейнер div.

Шаг 7

Сохраните документ HTML и загрузите его на свой веб-сервер, чтобы просмотреть элемент холста с прокруткой.