Jquery waypoint表演越野车

Question

我使用航路点在视口中出现时淡入元素。 不幸的是，第一个淡入视口的图像是1.5秒的大小，然后再次正常运行。

发生这种情况时，我看不到任何模式。有时确实如此，有时却没有。当它们与插件一起出现并使用相同的html / css时，所有其他图像都很好。

Chrome中存在问题。

可能导致这种情况的原因是什么？

代码：

$( document ).ready(function() {
  $('.fade-in-element').each(function(){
    var _this = this;
    var inview = new Waypoint({
        element: _this,
        handler: function (direction) {
        $(this.element).animate({'opacity': 1, 'padding-top':0 },300)},
        offset: '70%'
    });

    });
});

Answer 1

通过使用position：relative删除section wrapper div解决了问题。不知道为什么。

编辑：如果position：relative仍然很重要，可以用双包装器来解决

<div style="position:relative">
 <div style="position:inherit">
 content
 </div>
</div>