Плавне кнопка прокрутки «наверх»

Микола Нігматулін, здрастуйте, якщо у вас виникли питання можуть бути встановлені у в паблік вк або написати на пошту підтримки ([email protected]).

Клікджекінг як соцфішінг, пишемо скрипт для отримання id користувача вконтакте

Плавне кнопка прокрутки «наверх»

Антон Кулешов, де то з вами можна поспілкуватися?

Клікджекінг як соцфішінг, пишемо скрипт для отримання id користувача вконтакте

Плавне кнопка прокрутки «наверх»

lam3r, я радий, що ви розібралися.

Клікджекінг як соцфішінг, пишемо скрипт для отримання id користувача вконтакте

Плавне кнопка прокрутки «наверх»

вибачте не розібрався, всі питання відпали

Клікджекінг як соцфішінг, пишемо скрипт для отримання id користувача вконтакте

Плавне кнопка прокрутки «наверх»

а як же помилка Content Security Policy directive

Клікджекінг як соцфішінг, пишемо скрипт для отримання id користувача вконтакте

Плавне кнопка прокрутки «наверх»

У цій статті я хочу приділити увагу такому питанню: як зробити кнопку прокрутки «Вгору»? Після прочитання ви отримаєте готовий скрипт, який без праці встановіть собі на сайт.

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

І так, давайте приступимо, почнемо з підключення jQuery бібліотеки:

Тепер нам необхідно задати правила стилів для кнопки, щоб помістити її в правий нижній кут і приховати. Правила, до речі, можуть бути будь-якими, в залежності від дизайну сайту, але не варто забувати, що кнопка спочатку не повинна відображатися.

Пишемо jQuery функцію, яка буде приймати два параметри: елемент і швидкість прокрутки.

Після завантаження сторінки викликаємо її:

Як бачите весь код, я помістив в функцію, це зроблено, щоб уникнути випадків, коли працюючи з ajax необхідно викликати заново скрипт.

Сам же написаний код ділитися на дві частини:

Ось і все, кнопка «Наверx» готова. Вам залишиться тільки завантажити скрипт і підключити до сайту.

Copyright © 2024