Як зробити кнопку нагору з плавним переміщенням сторінки
Сьогодні ми з вами встановимо кнопку «нагору» (думаю, комусь стане в нагоді з наших читачів). Зізнаюся, давно не встановлював цю кнопку, довелося освіжити в пам'яті: коротше, підібрав, протестував і даю робочі варіанти кнопок нагору без плагіна (у мануалі ви знайдете все необхідне): плагіни надто важкі, а тому ми їх по можливості не використовуємо.
А і без них багато чого можемо: потрібна кнопка «наверх» — сьогодні вона у вас буде! Симпатична та повністю підлаштовується під ваш блог на WordPress.
Приступимо: для початку визначитеся як станете реалізовувати ідею вашої кнопочки вгору!? Пропоную три варіанти:
оптимальне встановлення кнопки скролінгу вгору без плагіна
Справа в тому, що можна розташовувати папки необхідні для роботи кнопки незалежно від шаблону (тобто поза ним) таким чином при зміні шаблону працездатність кнопки залишиться з вами.
Я так не роблю, а маю все всередині шаблону у відповідних директоріях. Для мене так логічніше. А тому у статті пропоную саме цей варіант. Інший висновок кнопки-вгору робиться трохи інакше, подробиці нижче.
…До папки js поміщаємо наступний документ. Цей файл (у поєднанні з jquery-1.7.1.min.js) ховає кнопку «наверх» коли користувач знаходиться в самому верху сайту, і показує її коли той прокручує сторінку донизу… …шляху можна побудувати таким чином: ваш_домен.ru/wp-content/themes/ваша_тема/js/verh.js
Значить так: можете все це створювати самі (заради практики), а можете і просто скачати набір для кнопочки вгору ТУТ, і вам залишиться тільки розкласти всю документацію у відповідні розділи ... І, звичайно ж, - поміняти імена в деяких рядках.
Ось вмістфайлу verh.js
Далі необхідно підключити бібліотеку jQuery (це тим, у кого вона не підключена).