Как пофиксить «sticky-top» на мобильных устройствах?

Question

[Eithenhard]

Друзья, использую sticky-top для панели навигации, все хорошо, но выпадающее меню достаточно большое, + имеет большой дропдаун меню. На декстопе все огонь, но на мобилах при раскрытии меню, пока не пролистаешь страницу до конца, не скроллится выпадающее меню.

Подскажите как заблокировать скролл страницы при открытии меню? Ну т.е чтобы сразу скроллилась панель навигации, а не сначала скролится страница до конца, а лишь потом панель навигации.

Answer 1

[Егор Огурцов]

При открытии меню добавляй класс для body c overflow: hidden;

Comments

[Eithenhard]

Не получится, у меня панель навигации находится в body, соответственно, если сделать как посоветовали вы, да, страница не будет скроллится, но саму панель я прокрутить вниз тоже не смогу(

[Егор Огурцов]

Eithenhard, так сделайте скролл внутри панели

[Eithenhard]

Егор Огурцов, хм, не подумал. а еще минимум вопросов, почему toggleclass не отрабатывает в сафари? =\ -webkit-overflow: hidden; сделал, но все равно не хочет