javascript - 滚动时所有博客文章都应该淡入淡出，除了第一篇

Question

应该会显示第一篇博客文章，然后其他文章会在您向下滚动时淡入。在主页上，第一个在我滚动之前不会显示 - 这是我不想要的。我的代码如下，包括用于显示第一篇博文的 css:

function sectionFadeIn() {
$('.fadein').each(function() {
    var top_of_object = $(this).offset().top + 50;
    var bottom_of_window = $(window).scrollTop() + $(window).height();
    if (bottom_of_window > top_of_object) {
        $(this).animate({ 'opacity': '1'}, 1000);
     }
})

我的 CSS:

.fadein {
    opacity: 0;
  }

  .fadein:first-of-type {
    opacity: 1;
  }

网址:tazkhatri.com

Answer 1

你可以用

$('.fadein').not('.fadein:first-child').each(function() {...}

更新:刚刚发现您的实时代码的链接。

上面的代码将不起作用，因为您的 .fadein 元素并不都是子元素。请参阅这篇文章，了解如何定位除该元素的第一个实例之外的所有元素。 jQuery select all except first