Jquery航点代理越野车答案

【问题标题】：Jquery waypoint acting buggyJquery航点代理越野车
【发布时间】：2015-04-09 13:40:08
【问题描述】：

当元素出现在视口中时，我使用航点淡入淡出。不幸的是，淡入视口的第一张图像在一瞬间是其大小的 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%'
    });

    });
});

【问题讨论】：

标签： jquery jquery-waypoints

【解决方案1】：

通过使用 position:relative 删除部分包装器 div 解决了问题。不知道为什么。

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

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

【讨论】：