jquery - JavaScript Overlay effecting images behind it. -


background: have page of images responsive on mobile show in 1 column. first time user visits page have javascript pop ask if want on mailing list.

my problem: in mobile when pop-up overlays images stretch width of 960px; before pop-up of images load normal size mobile. images load normal second until pop-up loads. when pop-up closed images not resize until change orientation of browser or resize (if tsting on desktop).

question: how can test going on images being stretched? can add listener in js update console every time width changes? can how tell or updating widths?

long story short issue experiencing because pop-up modal adding class the html tag of page. class "no-scroll" setting position:fixed html tag. reason when happened , modal popped on stage of viewable images in background stretch if being viewed on desktop not mobile. once attribute removed no-scroll class

this random , poorly asked questions should have been researched more before being asked.


Comments