替换div ID并更改CSS高度（使用overflow-y：“ scroll”）会中断javascript延迟加载

Question

我正在使用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中滚动时，不会加载新图像。 它们仅在调整窗口大小或有可能的情况下加载，因此请在主页上滚动（我在最终设计中没有此功能）。

我已经完成设置了jsfiddle 。 请注意，我无法修改延迟加载javascript，因为它是插件的一部分，因此我想在自己的代码中找到解决方法。