@Zombie42679
Пытаюсь верстать, учу JS, когда-нибудь стану топом

Как сделать плавное увеличение ширины по мере скролла?

Есть пример с красивого сайта - cedricklachot.com/project/easytiger , там по мере скролла сверху уезжает плашка влево, хочу сделать примерно такое же, только с увеличением ширины. В примере, каждый небольшой скролл - шаг вниз (шаг = 90px) прибавляют как раз эти 90px, помогите сделать в примере ниже, каждые 120px скролла вниз добавлять по 120px и наоборот отнимать, если вверх по 120px

https://jsfiddle.net/w0v4Loxh/1/
  • Вопрос задан
  • 93 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
const baseWidth = $('.banner').width();

$(window).scroll(function() {
  $('.banner').width(baseWidth + $(this).scrollTop());
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы