方法一

啟用禁用時，設定js

document.documentElement.style.overflowY = 'hidden'; 

document.documentElement.style.overflowY = 'scroll'; 

var tops = $(document).scrollTop();//當頁面滾動時，把當前距離賦值給頁面，這樣保持頁面滾動條不動
$(document).bind("scroll",function (){$(document).scrollTop(tops); });
 

$(document).unbind("scroll");

兩種方法可以應對不同的使用情景，隱藏滾動條的方法（方法一）在實際操作時，因為滾動條會佔位，所以視覺上會出現螢幕變大縮小的效果，所以還需要對滾動條的佔位進行一個設定

隱藏滾動條時：

window.innerWidth //瀏覽器可用寬度
document.body.clientWidth// body的寬度

var m=window.innerWidth-document.body.clientWidth;//滾動條的寬度

document.documentElement.style.marginRight=m+"px";
 

//或者

document.documentElement.style.paddingRight=m+"px";

//顯示滾動條：

document.documentElement.style.marginRight="0px";

//或者
document.documentElement.style.paddingRight="0px";

//隱藏滾動條開啟彈窗時：

$('彈窗').css("right",m+"px");//根據自己需要調整屬性
 

$('彈窗').css("right","0px");//根據自己需要調整屬性

//方法二在滾動時，大多數的瀏覽器都可以適應，但是IE瀏覽器會出現比較明顯的滾動強制重置 效果。

//bootstrup的模態框是一種不錯的彈出框，完美解決了滾動條的問題，如果沒有特殊要求，可以考慮bootstrup。