0

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

我想实现这个脚本的 CSS3 版本： 

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

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

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

#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。

我可以查看任何建议/示例吗？

4

0 回答 0