133 читали · 2 года назад
Как прижать footer (футер) к низу странице html css flexbox
Все привет! Сегодня я расскажу и покажу как при помощи flexbox можно прижать footer к низу страницы html готовый код в конце статьи! И так давайте приступим. Я так думаю что вы умеете уже подключать css стили к html странице. HTML Код <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Flexbox</title> </head> <body> <div class="wrapper"> <header class="header"></header>...
06:44
1,0×
00:00/06:44
482,3 тыс смотрели · 4 года назад
307 читали · 6 лет назад
Делаем кнопку "вверх" на сайте с анимированным перемещением.
Кнопка "вверх" на сайте где контента больше чем 3 экрана просто необходима. Я, например, всегда ищу такую когда проскролю сайт даже на несколько блоков и мне снова нужно вернуться на верх. Я перепробовал много способов, от чистого css до разных плагинов js (как же я их не люблю...). В итоге написал сам идеальное решение под любой браузер. Страничка плавно поднимается вверх, не моментально, что смотрится очень даже хорошо. Приступим. Новички - читаем все по порядку. Профи и те кто уже работал с js на сайте - могут пропустить следующий абзац...