javascript - 知道延迟加载图像后放置的 div 的偏移量

标签 javascript jquery html css

我有一个 div 包装器,其中存在延迟加载图像。然后我在这些图像下面有一个 div,我想把它设为 Sticky。

<div id="someWrapper">
    <img class="lazy" data-original="someImageURL"></img>
    <img class="lazy" data-original="someImageURL"></img>
   <img class="lazy" data-original="someImageURL"></img>
   <img class="lazy" data-original="someImageURL"></img>
   <div class="sticky">SomeContents</div> <!-- want to make this sticky on scrool -->
</div>

为了使它们具有粘性,我需要 div 的偏移量。问题是偏移量未固定在页面上,因为延迟加载图像不断将 div 向下推。图像高度未知。没有图像是 4。尝试在最后一个加载元素上使用出现事件,但它没有给我准确的结果。请帮我解决这个问题。我想获得粘性 div 的偏移量,以便检查滚动事件。

最佳答案

经过反复研究和一些研究达到了这样的预期:

function activateStickyScrollEvent(offSetValue){
//code to activate scroll event

}

var lazyLength=$('#someWrapper lazy').length;
var lazyCount=0;
$('#someWrapper lazy').one('appear',function(){
      ++lazyCount;
      if(lazyCount===lazyLength){
         var getWrapperOffset=$('#someWrapper').offSet().top;
         activateStickyScrollEvent(getWrapperOffset);

})

关于javascript - 知道延迟加载图像后放置的 div 的偏移量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30937956/

相关文章:

javascript - Meteor + Mongo 平均计数

javascript - Ajax 每分钟调用一次

javascript - 当我打开模态视图时,标题图像出现在模态前面,如何停止?

html - 在 CSS 中通过引用调用?

javascript - 如何在不使用 javascript 在 asp.net 中重新加载页面的情况下刷新 APPLET?

java - Struts 2 JSON JQuery Grid 不点击 Action

javascript - 自动打开第一张Fancybox图片

javascript - 使用 iframe 阻止按键的默认操作

javascript - 如何让表格幻灯片中的圆点变大一点?

javascript - 如何从另一个页面调用 useState?