Нужно это все дело для того, чтобы запретить прокрутку. Дальше этот класс при появлении сделать overflow: hidden в css.
$(".toggle_mnu").click(function() {
if ($(".top_mnu").is(":visible")) {
$("body").removeClass("noscroll");
}
else {
$("body").addClass("noscroll");
};
});
В html это выглядит так:
<button class="toggle_mnu">
<span class="sandwich">
<span class="sw-topper"></span>
<span class="sw-bottom"></span>
<div class="sw-footer">
</span>
</span>
</button>
<nav class="top_mnu">
<ul>
<li><a href="#">Пункт 1</a></li>
<li><a href="#">Пункт 2</a></li>
<li><a href="#">Пункт 3</a></li>
<li><a href="#">Пункт 4</a></li>
<li><a href="#">Пункт 5</a></li>
<li><a href="#">Пункт 6</a></li>
</ul>
</nav>
css
body.noscroll {
overflow: hidden; }
При данном варианте, сначала вроде работает, начинаю но после кликов по <li> начинает глючить, т.е класс .noscroll появляется когда меню не видно и запрет скрола появляется на сайт! Помогите сделать чтобы это работало..
Сайт пилю на коленке в свободное время для работы
, я не профессиональный веб-программист. Поэтому извините за нубский вопрос, реально уже третий день ищу инфу как это реализовать
.. пробовал и .addClass и toggleClass, но знаний не хватает.