@Valery23

Как реализовать изменение ширины блока в зависимости от скролла страницы?

Подскажите как реализовать смену width у div при скролле страницы. Вижу как реализовано на чужом сайте: есть div с таким css
position: absolute;
    display: block;
    top: 100%;
    background: #FF5714;
    width: 1%;
    height: 2px;
    transition: width 1s linear;

и при скролле страницы изменяется у diva ширина через style, например:
div style="width: 48%;"

P.S. такие движущие дивы должны двигаться только на несколько движения колесика мышки. Их на странице много, то есть заполнение всей ширины элемента должно быть при скролле примерно половины экрана. И еще, когда возвращаешься (скроллом) вверх, то у элемента убирается ширина.
  • Вопрос задан
  • 363 просмотра
Пригласить эксперта
Ответы на вопрос 1
andykov
@andykov
Shit happens
Задача не совсем понятна, но примерно так.
Ответ написан
Ваш ответ на вопрос

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

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