使用jquery在页面顶部隐藏div

Question

当页面滚动到顶部时,我试图隐藏div,并在不使用jquery时显示它.

有没有办法呢？

编辑:通过隐藏和显示我的意思是淡入和淡出.

Answer 1

使用滚动事件和 scrollTop()

$(window).on("scroll", function() {
    var scrollPos = $(window).scrollTop();
    if (scrollPos <= 0) {
        $(".theDivNeedsHiding").fadeOut();
    } else {
        $(".theDivNeedsHiding").fadeIn();
    }
});

编辑:更新了scrollTop查询,因为jQuery提供了兼容层,如果元素是window.