Всем привет!!! Сегодня я покажу, как сделать самый простой способ сделать анимацию при скролле на JQuery!!! Для начала я покажу сам код, а затем объясню всё по полочкам. $(window).scroll(function() { var scrol = $(window).scrollTop(); $(".txt").css({ transform: 'translate3d(-0%, -'+(scrol/100)+'%, 0)' }); }); Для начала нам нужно сделать сам скролл и для этого нам поможет $(window).scroll(function() {}) - при каждом срабатывании скролла, он проверяет, что у него в функции и если это случилось, то выполняет...

Итак, сегодня мы научимся делать плавный скролл на 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-...