Question

如果用户滚动超过500px，我试图淡出某些内容。这很好用！但是，如果我想在用户向上滚动时将其淡入，则它不再起作用。我错过了什么？

＆＃13;

var $document = $(document),
    $element = $('#some-element'),
    className = 'hasScrolled';

$document.scroll(function() {
  if ($document.scrollTop() >= 500) {
    $( "#thePlayer,#playlist").animate({
    opacity: 0,
  }, 2000 );
    $element.addClass(className);
  } else {
    $element.removeClass(className);
    $( "#thePlayer,#playlist").animate({
    opacity: 1,
  }, 2000 );
  }
});

＆＃13;

Answer 1

好的我用fadeIn和fadeOut修复了它！

抱歉！

var $document = $(document),
    $element = $('#some-element'),
    className = 'hasScrolled';

$document.scroll(function() {
  if ($document.scrollTop() >= 500) {
    $( "#thePlayer,#playlist").fadeOut("slow");
    $element.addClass(className);
  } else {
    $element.removeClass(className);
    $( "#thePlayer,#playlist").fadeIn("slow");
  }
});

Javascript：如果滚动到特定目的地淡出，如果再次向上滚动，则淡入

1 个答案: