2016-08-04 62 views
0

我有这种布局,它有一个应该作为并排垂直滑块工作的部分。它工作正常,除了滑动偏移之间的小差异。偏移上的小差异

我有一个脚本,可以计算每张幻灯片的顶部位置,并且它给每张幻灯片的位置完全相同,这也是正确的。

什么错误呢?当我的纸卷甚至蜱和幻灯片滚动时,他们不会滚动到正确的位置。我无法解决导致这种情况的原因 - 是吗?

难道这是我检测每张幻灯片的顶部位置的方式吗?我不这么认为,因为他们之间没有差距。无论如何,这是我如何检测 “顶部”

function getPanelOffsets(elem, array){ 
    var top = 0; 
    $(elem).each(function(key,value){  
     if(key === 0){ 
     top = 0; 
     }else{ 
     top = array[key-1] + $(this).height(); 
     } 
     array.push(top); 
    }); 
    console.log(array); 
    } 
    getPanelOffsets(".left article",leftPanelOffsets); 
    getPanelOffsets(".right article",rightPanelOffsets); 

CODE HERE

谢谢!

回答

0

找到了!

这是HTML/CSS问题。我的幻灯片的HTML结构是这样的:

<article> 
<header> 
</header> 
<div class="article-content"> 
    <h1>This is article</h1> 
</div> 
</article> 

<h1>有余量顶部,从而拉高了整个容器下来,搞砸偏移calclulations。

做得好的队友! *轻敲我的肩膀*