滚动时向下/向上滑动覆盖面板

时间:2014-02-23 14:03:31

标签: jquery html scroll scrolltop

基本上我正试图实现这种效果...... http://www.vtcreative.fr面板滚动内容区域。

我试图缩小js并将其解决,但努力做到这一点!

我认为内容div是固定位置是正确的,一旦覆盖(标题)面板使用scrollTop()到达顶部,这会将内容位置更改为相对,允许滚动吗?

非常感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

看看这里:

header.stop().addClass("overlay-active")
content.removeClass("active");

完整的代码是:

function Scroll() {
    if(responsive_viewport >= 768) {
        var e = $(this).scrollTop();
        if(e < previousPos && e < 20) {
            body.removeClass("b-content-pos");
            content.removeClass("active");
            okScroll = 0;
            setTimeout(function () {
                loaderLogo.addClass("active")
            }, 500);
            setTimeout(function () {
                header.stop().delay(1e3).removeClass("overlay-active")
            }, 1e3);
            loaderLine.addClass("alt")
        }
....