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>有一个边缘顶部，它将整个容器推下来并弄乱了偏移的计算。

干得好！ *轻拍我的肩膀*

抵消的微小差异

1 个答案: