@semakimov

Как измененить размера блока при прокрутке?

Каким образом возможно изменить размер блока при прокрутке? Т.е. при прокрутке изменить размер блока(уменьшить его содержимое в 1,3 раза) на постоянной основе до конца страницы, а при возвращении в верх страницы вернуть прежний размер?
  • Вопрос задан
  • 79 просмотров
Пригласить эксперта
Ответы на вопрос 2
askhat
@askhat
Full Stack Developer
let width = 100;
document.onmousewheel = ({deltaY}) => {
  deltaY > 0 ? width-- : width++;
  previouslySelectedElement.style.width = width + 'px';
}
Ответ написан
AntonLitvinenko
@AntonLitvinenko
HTML coder
$(window).scroll(function(){
    if ($(window).scrollTop() > 100){
       $('.block').addClass('scroll');
    } else {
       $('.block').removeClass('scroll');
    }
 });

стили
.block {
  /* какие-то стили */
}

.block.scroll {
  /* дополнительные стили, которые уменьшают блок */
}

если например это хедер, то стили могут быть както так
.header {
  padding: 20px 0;
  transition: padding 0.25s;
}

.header.scroll {
  padding: 10px 0;
}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы