5 лет назад
Плавный скролл на 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-...
4 года назад
Самое простое появление элемента при скролле JQuery!!!
Всем привет!!! Сейчас я вам покажу самый простой способ добиться того, что-бы элемент появился на том моменте, пока кто либо сам не долистает до него. Сначала я покажу сам код, а потом объясню, как он работает. $('.txt1').slideUp(10); var a = $('.txt1').offset().top; $(window).scroll(function () { if ($(window).scrollTop() >= a) { $('.txt1').slideDown(); } }) И так... Начнём! Для начала нам нужно скрыть сам объект, для этого я взял $('.txt1').slideUp(10), где: $('.txt1') - класс нашего объекта(можно айди, если нужно) ...