@phpcoder81

Как запретить прокрутку при открытом sidebar?

Подскажите ребят, как заблокировать. Смысл такой: сайдбар скрыт. При нажатии на кнопку он всплывает поверх сайта. Все работает как часы, кроме того, что позволяет прокручивать сам сайт. Оно и логично. Просто не пойму как это запретить.
#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");
});
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы