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