Задать вопрос
ddale
@ddale
Front-end developer

Как рассчитать зависимость между расстоянием от верха страницы до блока и конечной шириной блока?

Дано:
Изначальная ширина блока = ширина страницы
Конечная ширина блока = 765px
Начальное расстояние от верха страницы до блока = x
Конечное расстояние от верха страницы до блока = 0
Промежуточное расстояние от верха страницы до блока при прокрутке страницы = y

Задача:
При скролле страницы вниз у нас уменьшается расстояние от блока до верха страницы. Когда это расстояние равно нулю, то ширина блока должна быть 765 px. Ширина блока при прокрутке должна меняться динамически от значения ширины экрана до 765px при скролле вниз, и обратно при скролле вверх.

Как рассчитать начальное и промежуточное расстояния от верха страницы до блока понятно. Как написать логику нет.

У кого какие соображения на этот счет, коллеги?
  • Вопрос задан
  • 166 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик расширенный
    13 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Решения вопроса 1
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Мда-с, вот что значит прогуливать школу...

x -> ширина_страницы
0 -> 765
y -> ?

ширина = 765 + (ширина_страницы - 765) * y / x
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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