jQuery to CSS弹出横幅/页脚[兼容性]

Question

我目前正在测试一个jQuery横幅，该横幅仅在用户开始向下滚动时显示（目前<350）。

我想实现此脚本的CSS3版本：

<script type="text/javascript">
    $(window).scroll(function() {
        if ($(this).scrollTop() < 350) {
            $("#carriage-promo").slideUp();
        } else {
            $("#carriage-promo").slideDown();
        }
    });
</script>

建议我使用检测功能，然后CSS3轻松过渡。但我是CSS3的新手，并且不确定如何做到这一点。

我现在用于<div>的CSS是：

#carriage-promo {
    position:fixed;
    left:0px;
    bottom:0px;
    height:40px;
    width:964px;
    display: none;
    z-index: 2;

    /* The following styles are optional */

    padding: 0px;
    background: #000000;
    border-top: 0px solid #000000;
    text-align: center;
}

总结一下，我的工作正常。但是，有人建议我重新创建我上面所做的，但出于兼容性原因使用CSS3，即有CSS3 和 jQuery。

我可以看一下任何建议/例子吗？