sticky-sidebar icon indicating copy to clipboard operation
sticky-sidebar copied to clipboard

Sticky Element doesn't resize when lazy loading images

Open brouxhaha opened this issue 7 years ago • 1 comments

When images are lazy loaded (loaded only when inside the viewport), neither resizeSensor nor using .updateSticky() causes the sticky element to update. If the window is resized, it then fixes itself.

Currently, you can see the issue here: http://test.travelalaska.com/Things%20To%20Do/Adventure.aspx

*Edit: see comment below. This link won't show the non-working version. *

Here's a screenshot from that page, where the images load after scrolling. I'm using updateSticky() on both of the right columns when any image is loaded. The resizeSensor element is the correct height, but the sticky elements are not sticking the full way down.

screen shot 2018-01-26 at 8 28 31 am

brouxhaha avatar Jan 26 '18 16:01 brouxhaha

I've solved this issue by doing what I should have done in the first place and using a div to hold the space for the vertical height of the image. I'm not sure if this is worth pursuing or not, so I'll leave this open and let you make that decision.

brouxhaha avatar Jan 26 '18 19:01 brouxhaha