我有一个 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/