Position a Pop Up Div relative to the link

Vote count:

1

I am facing a problem. I have 10 images in a page. On clicking each, a Pop up will be displayed and the content of the clicked image is loaded from the database and shown in the div (Pop up).

It works fine for the first set of Images(First Row). But when I click on the second and third set of Image rows. The pop up opens , But I have to scroll all the way up and see the Pop up and its contents. (Since the image are at the bottom and the Pop displays on the top of the page)

I tried the following by making the Position: Fixed !important (I got partially succeeded making the Popup Displaying the centre of the View Port. But if the Pop-up contents exceeds the height of the viewport, the rest of the content is hidden and there is no option to scroll down to see more info.)

Please refer this image for more clarity

Awaiting your valuable support

Thanks in advance

asked 1 min ago

Gops

45

Position a Pop Up Div relative to the link