淡入滾動並淡出滾動

Question

我是新手。

我正在使用它使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。

Answer 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);
    }
});