Я создал страницу, которая имеет 2 снимка рядом друг с другом, каждая из которых занимает 50% ширины. слева - 300x900, справа - 300x1800. Мне нужно ограничить высоту не более чем на 900, поэтому я накладываю свиток на более высокий рисунок (справа). обе графики масштабируются динамически с окном браузера, но высота прокрутки остается на уровне 900. Мне нужно, чтобы она динамически уменьшалась по высоте, как изображения, если окно браузера уменьшено. Я хочу, чтобы полоса прокрутки соответствовала масштабу по высоте на рис. Слева (тот, у которого максимальная высота 900). Это возможно? Спасибо за любую помощь!Полоса прокрутки с динамической высотой
ответ
Спасибо за помощь всем! Вот ответ, который я придумал и его работа! (134,7% - это соотношение сторон изображения, которое мне нужно для изображения «прокрутки» для ссылки. #Scroll {height: auto; max-height: 0px; padding-bottom: 134.7% ; overflow-y: auto}
Да, это возможно.
Существует множество решений. Один из способов - установить максимальную ширину div, которая имеет более высокое изображение внутри. (Вы можете установить его в%) Другой способ использовать медиа-запрос Вы можете использовать javascript для изменения свойства css высоты и т. Д. И т. Д.
Для получения конкретного ответа необходимо указать код.
Это код JavaScript
windows.onresize=resizeImage;
function resizeImage{
document.getElementById('Scroll').style.height=document.querySelector('.imageframe-1').offsetHeight+'px';
}
этот код получает высоту пролета, которая содержит изображение 1 и передать его #Scroll ДИВ
вот страница: http://www.bsmmediagroup.com/Testserver/Christine/test/ Код идентификатора CSS для #Scroll : {max-height: 900px; overflow-y: auto;} Я действительно новичок в этом (и это сайт wordpress), поэтому не уверен, что еще вам понадобится. Спасибо всем за помощь! –
Я попытался добавить код внутри ral разные места, но я должен делать что-то неправильно, так как я не могу заставить его работать ... Это сайт Wordpress, где я должен добавить код, который вы поставили? Я ОЧЕНЬ новичок в этом, и я пытаюсь учиться. Еще раз спасибо за помощь! –
Вы можете показать код, сколько вы сделали и в чем проблема? – Lucian
вы можете сделать одну скрипку для то же самое –
вот страница: bsmmediagroup.com/Testserver/Christine/test Код идентификатора CSS для #Scroll: {max-height: 900px; overflow-y: auto;} Я действительно новичок в этом (и это это сайт wordpress), поэтому не уверен, что еще вам нужно. Спасибо всем за помощь! –