封面浏览器滚动条使用jQuery Scrollbar扩展Div

Question

我有一个菜单可以扩展浏览器窗口的整个大小，可以在此处找到演示：https://codepen.io/anon/pen/oeeYwX

现在， 时我向div添加了足够的内容，需要滚动条，一个添加到div本身，浏览器的滚动条仍然可见。然后浏览器的scollbar控制div后面的内容。相反，当我点击“安排咨询”时，我希望DIV能够像the one on this website那样覆盖broswer的滚动条。

/* Open when someone clicks on the span element */
function openNav() {
    document.getElementById("myNav").style.width = "100%";
}

/* Close when someone clicks on the "x" symbol inside the overlay */
function closeNav() {
    document.getElementById("myNav").style.width = "0%";
} 

我尝试了一些带溢出的选项，但我的选择似乎不正确。任何帮助将不胜感激。