Скролл popup'а

[alexey_samara]

Всем привет!

Народ, никто не реализовывал такую вот фичу?

есть попап, спозиционированный как top:50%;left:50%; margin-left:-{half-width}; margin-top:-{half-height}, вложенный в оверлей width:100%; height:100% и они вложены в body.

Так вот, если попап не умещается по высоте документа, то у документа автоматически появляется вертикальный скролл ровно на высоту попапа (ну + отступы).

То что я хочу - реализовано в вк - когда открываются, например, фотографии в попапе с оверлеем.

И в принципе ничего сложного, всё даже заработало. Но встала проблема, когда я добавляю overflow-y:scroll к оверлею и overflow:hidden к body - появляется два вертикальных скролла, что в хроме, что в лисе. В вк такого нет.

Кому интересна данная тема? Какие могут быть варианты исправления этой досадной штуки?

[dmitriymar]

overflow-y нужно применять к элементу в каком отображается контент. и никуда более

[alexey_samara]

дык это понятно.
и даже понятно почему в итоге появилось 2 скролла - 1ый неактивный у body, 2й активный у оверлея с width:100%; heightL100%;
Так как оверлей занимает всю высоту, то и его скролл появился рядом с основным скроллом страницы.

Вопрос-то в том, как у вк получилось добиться наличия только одного. Рыться в вк-шных кодах - думаю, у меня рахобраться в нём не получится, да и времени нету..

Вот и спросил, мож кто-то решал похожую задачу :-)

[Deff]

alexey_samara,
Ccылку на демонструшку дайте - тяжко зубы по описанию зубов лечить

[dmitriymar]

BODY { overflow: hidden;}