Подскажите ребят, как заблокировать. Смысл такой: сайдбар скрыт. При нажатии на кнопку он всплывает поверх сайта. Все работает как часы, кроме того, что позволяет прокручивать сам сайт. Оно и логично. Просто не пойму как это запретить.
#sidebar{
display:none;
}
.open{
display:block !important;
width:50%;
height:100%;
position:fixed;
top:0;
background-color:grey;
overflow-x:scroll;
}
p{
padding:0 0 200px;
}
<body>
<p>Text</p>
<p>Text</p>
<p>Text</p>
<p>Text</p>
<p>Text</p>
<input type="button" value="open" id="btn_open">
<div id="sidebar">Сайдбар</div>
</body>
$("#btn_open").click(function(){
$("#sidebar").toggleClass("open");
});