Полоса прокрутки с динамической высотой

Question

Я создал страницу, которая имеет 2 снимка рядом друг с другом, каждая из которых занимает 50% ширины. слева - 300x900, справа - 300x1800. Мне нужно ограничить высоту не более чем на 900, поэтому я накладываю свиток на более высокий рисунок (справа). обе графики масштабируются динамически с окном браузера, но высота прокрутки остается на уровне 900. Мне нужно, чтобы она динамически уменьшалась по высоте, как изображения, если окно браузера уменьшено. Я хочу, чтобы полоса прокрутки соответствовала масштабу по высоте на рис. Слева (тот, у которого максимальная высота 900). Это возможно? Спасибо за любую помощь!

Answer 1

Спасибо за помощь всем! Вот ответ, который я придумал и его работа! (134,7% - это соотношение сторон изображения, которое мне нужно для изображения «прокрутки» для ссылки. #Scroll {height: auto; max-height: 0px; padding-bottom: 134.7% ; overflow-y: auto}

Answer 2

Да, это возможно.

Существует множество решений. Один из способов - установить максимальную ширину div, которая имеет более высокое изображение внутри. (Вы можете установить его в%) Другой способ использовать медиа-запрос Вы можете использовать javascript для изменения свойства css высоты и т. Д. И т. Д.

Для получения конкретного ответа необходимо указать код.

Это код JavaScript

windows.onresize=resizeImage; 

function resizeImage{ 
    document.getElementById('Scroll').style.height=document.querySelector('.imageframe-1').offsetHeight+'px'; 
    } 

этот код получает высоту пролета, которая содержит изображение 1 и передать его #Scroll ДИВ