sticky-sidebar
sticky-sidebar copied to clipboard
Sticky Element doesn't resize when lazy loading images
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.
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.