небольшая разница при смещениях

Question

У меня есть эта компоновка, которая имеет раздел, который должен работать как вертикальный слайдер бок о бок. Он отлично работает, за исключением небольшой разницы между сдвигами слайдов.

У меня есть сценарий, который вычисляет верхнее положение каждого слайда и дает точно такие же позиции для каждого слайда, что тоже правильно.

Что не так? Когда свиток прокручивается и прокручивается, они не перейдут на правые позиции. Я не могу решить, что вызывает это - не так ли?

Не могли бы я определить верхние положения каждого слайда? Я просто так не думаю, потому что между ними нет разрыва. Во всяком случае, это, как я обнаружить "верхушки"

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

Спасибо!

Answer 1

Найденный!

Это была проблема HTML/CSS. HTML структура моих слайдах было так:

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

<h1> был маржинальный верх, который толкнул весь контейнер вниз и перепутались офсетных calclulations.

Молодец, помощник! * Надевание моего плеча *