Кнопка вгору, як зробити кнопку вгору сторінки, блог веб-розробників

Кнопка вгору, як зробити кнопку вгору сторінки, блог веб-розробників
Напевно, на багатьох сайтах ви бачили кнопку «Вгору сторінки». після натискання на яку ви переміщується в самий верх сторінки. Сьогодні я розповім вам, як зробити таку кнопку, причому, вона матиме кілька особливостей: по-перше, вона буде з'являтися при прокручуванні сторінки вниз, а по-друге, стаття не буде стрибати вгору, як на багатьох сайтах, а плавно прокручуватися вгору . Щоб було зрозуміліше, подивіться демо і ми приступимо.

Дизайн і CSS

Зайдіть в редагування основного шаблону (index.php) і в будь-яке місце вставте наступний код на мові html:

Думаю, що для звичайного користувача WordPress - плагіни ставити набагато простіше і легше, але варто позаморачиваться з кодом якщо Ви розраховуєте на відвідування сайту з мобільних пристроїв. Справа в тому, що «мобільні» відвідувачі заходять в основному з Ж / Д вокзалів, аеропортів, МакДональдсів тощо. Тобто місць де є інет по Wi-Fi. І як правило доступ дуже повільний зважаючи на велику кількість відвідувачів.
Якщо Ваш сайт не завантажиться у відвідувача протягом 10-20 секунд, в 90% випадків він знайде цю ж інформацію на іншому, більш швидкому сайті.
Робимо висновки.

Навігація по публікаціям

Схожі статті