1

我有一个网站，将有多个全屏背景（嗯，100% 宽度和 1024 像素设置高度）

该脚本所做的（或应该做的）是在您向下滚动时淡出一个 div 并淡入另一个 div。

然而，为了让生活更轻松，我使用了 nth-child 选择器——这在前两个 div 上效果很好，但在之后的任何一个上都不起作用。

有什么帮助吗？

$(document).ready(function(){
var didScroll = false;
var $window = $(window);

$(window).scroll(function(){
  didScroll = true;
});

window.setInterval(function () {
if (didScroll) {
  if (1-$window.scrollTop()/1024 > -10) {
      $('.item:nth-child(even)').css({opacity: 1-$window.scrollTop()/1024});
      $('.item:nth-child(odd)').css({opacity: 1*$window.scrollTop()/1024});
  }
  didScroll = false;
}
}, 50);
});
4

1 回答 1

1

nth-child不限于偶数或奇数，只需使用您想要的任何数字即可。例如：

$(".item:nth-child(3)").css({opacity: 1-$window.scrollTop()/1024})

编辑：

现在这样的事情应该可以工作：

  $('.item:nth-child(1)').css({opacity: 1-$window.scrollTop()/1024});
  $('.item:nth-child(2)').css({opacity: 2-$window.scrollTop()/1024});
  $('.item:nth-child(3)').css({opacity: 3-$window.scrollTop()/1024});

JSFiddle： http: //jsfiddle.net/yDuh7/ 或者另一个：http: //jsfiddle.net/yDuh7/1/

于 2013-03-06T08:41:49.433 回答