js實現彈出框時禁止頁面滾動,關閉彈出框時恢復頁面滾動

$(function () {
    $('#pingtai').click(function () {
       if($('#serviceDes').css('display','none')){
           $('#serviceDes').css('display','block');
       }
       //阻止頁面滾動特效
       document.body.addEventListener('touchmove',bodyScroll,false);
       $('body').css({'position':'fixed','width':'100%'});
    });
    $('.closebtn').click(function () {
        if($('.win_content').css('display','block')){
            $('.win_content').css('display','none');
        }
       //恢復頁面滾動
        document.body.removeEventListener('touchmove',bodyScroll,false);
        $('body').css({'position':'initial','height':'auto'});
    })
});
function bodyScroll(event) {
    event.preventDefault();
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章