jquery弹出层锁定背景当前位置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
//弹出窗禁止背景层滑动
var lock_body = {
    scrollT:0,
    eleLock:function(num){
        //固定方法
        this.getDomHeight();//获取当前高度
        $(".wrap").css({
            'position':'fixed',
            'top':-this.scrollT,
            'left':'50%',
            'margin-left':-160
        });
    },
    eleUnlock:function(){
        //解除固定
        $(".wrap").css({
            'position':'static',
            'top':0,
            'left':0,
            'margin-left':'auto'
        });
        $(window).scrollTop(this.scrollT);
    },
    getDomHeight:function(){
        //获取当前滑到的位置
        this.scrollT = $(window).scrollTop();
    }
}
//demo
$("body").on('click',function(){
    if($(this).hasClass('active')){
        lock_body.eleUnlock();
        $(this).removeClass('active');
    }else{
        $(this).addClass('active');
        lock_body.eleLock();
    }
})