Question

在滚动时，固定的div淡入，而当卷轴达到文档高度之前的100px时，它需要开始淡出。

拜托，有人可以指出下面代码中的错误在哪里吗？

$(window).scroll(function() {
if ($(window).scrollTop()>100) {
    $('#boxcont').fadeIn();
}
else {
    $('#boxcont').fadeOut();
}
if ($(window).scrollTop() + 100 > $(document).height() - $(window).height() ){
    $('#boxcont').fadeOut();
}
});

这里是FIDDLE DEMO

Answer 1

您将需要使用jQuery的stop函数。通常情况下，您需要在fadeIn之前使用它，但是，由于您的条件如何陈述，它会在stop fadeIn滚动时不断$(window).scroll(function() { if ($(window).scrollTop()>100) { $('#boxcont').fadeIn(); } else { $('#boxcont').stop(true).fadeOut(); } if ($(window).scrollTop() + 100 > $(document).height() - $(window).height() ){ $('#boxcont').stop(true).fadeOut(); } });，因此我们省略它就是为了简单起见。

{{1}}

查看新的jsFiddle Demo

在达到文档高度100％之前淡出滚动100px

1 个答案: