JavaScript 滚动条

一、禁止滚动条滚动，滚动条不消失

function prohibit_scroll() {
    //禁止滚动条滚动
    var top = $(document).scrollTop();  // 获取滚动条距离顶部位置
    $(document).on("scroll.unable",function (e) {
        $(document).scrollTop(top);
    })
}

function remove_pscroll() {
    //解除禁止滚动条滚动
    $(document).unbind("scroll.unable");
}

二、禁止滚动，滚动条消失

// 方法一
$('html,body').css({'overflow': 'hidden'}); //使滚动条消失

$('html,body').css({'overflow': 'auto'}); //使滚动条出现


// 方法二，分横竖滚动条
$("body").parent().css("overflow-x","hidden"); //使滚动条消失
$("body").parent().css("overflow-y","hidden");

$("body").parent().css("overflow-x","auto"); //使滚动条出现
$("body").parent().css("overflow-y","auto");