2016-11-30 2 views
1

HEYY все,Как установить высоту холста, чтобы быть полной высоты документа (обложка всей страницы)

Просто готовится к Рождеству, так что я был немного снега падения с помощью холста и это выглядит очень круто, хотя это только Фуллинг до 100vh через счет:

c.width = innerWidth; 
c.height = innerHeight; 

Так что, если кто-то может помочь мне здесь я ценю это =)

Я попытался с помощью с помощью CSS:

canvas#c { 
position: absolute; 
z-index: 999; 
bottom: 1px; 
top: 1px; 
height: 100%;} 

ответ

0

Для тех, кто заботится, я изменил с позиции: абсолютный; на позицию: фиксированная;

Теперь он просто остается на экране выглядит как его оснежения =)

+1

Имейте в виду, что вы _cannot_ нажмите все, что _under_ холст (щелчок будет идти на холст, а не элементы под ним). Для современных браузеров вы можете использовать 'pointer-events: none', чтобы игнорировать любые взаимодействия с указателями, но IE не поддерживает это (поэтому ваш сайт становится непригодным для использования, кроме прокрутки). Просто нужно иметь в виду. – somethinghere

+0

Спасибо за подсказку. Понятно, что на моем сайте не было ссылок, поэтому я добавил только позицию: относительно ссылки A: и дал ей z-index так же, как и canvus. отлично работает! –

Смежные вопросы