滚动条显隐的相关方法

常用方法：

（1）隐藏浏览器滚动条

JS原生方法 ：

document.body.parentNode.style.overflowY = "hidden";

jquery方法 ：

$("body").parent().css("overflow-y","hidden");

（2）显示浏览器滚动条

JS原生方法 ：

document.body.parentNode.style.overflowY = "auto";

jquery方法 ：

$("body").parent().css("overflow-y","auto");

网络其他方法：

PS：测试存在瑕疵，请慎重使用！！

（1）禁止滚动，滚动条不消失，页面大小不闪动

禁止滚动条滚动

function unScroll() { var top = $(document).scrollTop(); $(document).on('scroll.unable',function (e) { $(document).scrollTop(top); }) }

移除禁止滚动条滚动

function removeUnScroll() { $(document).unbind("scroll.unable"); }

（2）禁止滚动，滚动条消失，会有闪动

滚动条消失

$('html,body').css({'overflow': 'hidden'});

滚动条出现

$('html,body').css({'overflow': 'auto'});