javascript - Modal popup outside browser viewport -


i have popup on website registration. when popup opens on phone, high browser view port, , of content comes outside it.

illustration of problem

when try scroll down, scroll background. if lock background overflow-y: hidden, nothing scrolls @ all.

the popup scrolls window, locked @ same place. not lock position top of page, , have appear in top of view port, should possible scroll see contents.

does know how fix this?

you can use media types write css rules mobile devices, tablets, etc. example if want ability of scroll in modal content can like:

@media (max-width: 767px) {     .modal-content { overflow-y: scroll; } } 

Comments