网页中的一块区域，我想页面上滑的时候显示，页面下滑的时候消失，用js怎么做呢？

Question

con_1在页面下滑的时候消失，页面上滑一定距离显示出来，另外希望con_2不要脱离文档流。2.html代码：

Answer 1

我的思路：监听scrollTop的值，变大就是向下滑，改变con_2的CSS。反之...

补充贴上代码：

$(document).ready(function() {        var p = 0,
            t = 0;

        $(window).scroll(function(e) {
            p = $(this).scrollTop();            if (t <= p) { //下滚
                console.log("down");
            } else { //上滚
                console.log("up");
            }
            setTimeout(function() {
                t = p;
            }, 0);
        });
    });