Сеня рядом и Белла пришел. Былое
Плавный скролл на jQuery
Итак, сегодня мы научимся делать плавный скролл на jQuery. Демо на codepen Разметка Создаем 4 кнопки и 4 секции. <button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<div>Секция 1</div>
<div>Секция 2</div>
<div>Секция 3</div>
<div>Секция 4</div> Стили Создадим внутренние отступы — padding и установим серый фон для каждой второй секции для визуального разделения. .section {padding: 70px 0;}.
section:nth-child(2n) {background-color: #eee;} Что получилось Интерактив В jQuery создаем событие клика на кнопку, предварительно проставив классы с префиксом js-...
Самое простое появление элемента при скролле JQuery!!!
Всем привет!!! Сейчас я вам покажу самый простой способ добиться того, что-бы элемент появился на том моменте, пока кто либо сам не долистает до него. Сначала я покажу сам код, а потом объясню, как он работает. $('.txt1').slideUp(10); var a = $('.txt1').offset().top; $(window).scroll(function () {
if ($(window).scrollTop() >= a) {
$('.txt1').slideDown();
}
}) И так... Начнём! Для начала нам нужно скрыть сам объект, для этого я взял $('.txt1').slideUp(10), где: $('.txt1') - класс нашего объекта(можно айди, если нужно) ...