Настройка левого поля ползунка изображения в зависимости от ширины контейнера контентаJavascript

Форум по Javascript
Ответить
Гость
 Настройка левого поля ползунка изображения в зависимости от ширины контейнера контента

Сообщение Гость »


Я работаю над страницей с помощью Nextjs, где использую обычный слайдер изображений. Я пытаюсь найти способ установить левое поле ползунка равным левому полю контейнера остального содержимого. Правая часть слайдера должна выходить за пределы экрана, поэтому невозможно использовать тот же контейнер, что и остальной контент.

Поскольку контейнер имеет фиксированную ширину, поле слева от контейнера будет увеличиваться по мере увеличения ширины экрана.

Я пытался заставить его работать со многими медиа-запросами, но он получается слишком запутанным и никогда не будет точным.

Это изображение идеи.
Изображение


Я не смог найти примеров. Надеюсь, кто-нибудь знает решение!
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»