Перейти к содержанию
View in the app

A better way to browse. Learn more.

Форум VAOZ.RU

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Плавающая кнопка на сайт

Featured Replies

Опубликовано

Плавающая кнопка для вашего сайта. Наверняка вы замечали на многих сайтах такие кнопки, которые двигаются одновременно с прокруткой страницы. Частым примером таких кнопок может быть акция, заказ звонка или стрелка, позволяющая прокрутить страницу наверх. Принцип действия всех таких кнопочек основывается на свойстве position: fixed; Рассмотрим один из вариантов такой кнопки ниже: 

В нижнюю часть сайта прописываем 

<div class="vaoz_ru">Бонус!</div> 
<div class="vaoz_ru" onclick="location.href='https://vaoz.ru/'">Бонус!</div> 

А в таблицу стилей 

.vaoz_ru { position: fixed; bottom: 20px; right: 20px; display: block; background: #2db700; color: #fff; text-decoration: none; padding: 6px 23px; font-size: 17px;} 
.vaoz_ru:hover { background: #222; }

 

Для публикации сообщений создайте учётную запись или авторизуйтесь

Рейтинг@Mail.ru Яндекс.Метрика

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.