替换div id和更改css高度（使用overflow-y:“scroll”）会中断javascript延迟加载

我正在使用jQuery对一个div进行2项更改：

if (jQuery("#geodir-wrapper-content").length > 0){
        document.getElementById("geodir-wrapper-content").id = 'geodir_content';
}

以及：

jQuery("#geodir_content").css({
        height: "calc(100vh - "+contentHeight+"px)", 
        'overflow-y': "scroll",
        '-webkit-overflow-scrolling': "touch"
});

结果正是我想要的：正确的形状和正确的CSS类应用于div

此div中的内容具有使用延迟加载javascript加载的图像。第一个图像加载良好，但在该div内滚动时，不会加载新图像。它们只在窗口调整大小或有可能在主页上滚动时加载（我的最终设计中没有）

---

我已经建立了一个完整的设置。请注意，我不能修改延迟加载javascript，因为它是插件的一部分，所以我想在我自己的代码中找到一个解决方法。

fiddle中的最后两张图片是为我加载的，只是加载需要几秒钟。如果右下角窗口足够小，只显示第一张或第一张和第二张，则不能。只是在另一个浏览器中重试。如果“仅”在包含文本和图像的框架内滚动，则不会加载它们。