淡入滚动并淡出滚动

时间:2014-05-15 06:19:15

标签: javascript jquery scroll fadein fadeout

我对这些东西不熟悉。

我使用它来使div显示在滚动上,并在我进一步滚动时使其消失。

它工作得很好。当我通过1750时,它会消失。但是在页面加载时,div已经存在了。它应该在我滚动超过1500时出现。

我需要的是在1500和1750之间可以看到div。希望你能帮忙!

   <script type="text/javascript">
$(document).scroll(function () {
var x = $(this).scrollTop();
if (x > 1500) {
$('#form_1_container').fadeIn(150);
} if (x > 1750) {
$('#form_1_container').fadeOut(150);
}
});
</script>

这是网站= http://www.stilld.nl/brrreuk/

您可以看到是否滚动,div显示并消失。但后来它开始发出脉冲......

我在我的div上使用display = none。

1 个答案:

答案 0 :(得分:1)

你可以试试这个

$(document).scroll(function () {
    var x = $(this).scrollTop();
    if (x > 1500 && x < 1750) {
        $('#form_1_container').stop().fadeIn(150);
    }
    else{
        $('#form_1_container').stop().fadeOut(150);
    }
});
相关问题