Заблокировать скролл у body при скролле меню на всех устройствах?

Question

[Max_Borisov]

Есть выезжающее\выпадающее меню (для моб версии). Меню может не влезать в высоту экрана, тогда его можно скроллить, но если мы доходим до края меню (низа\верха), то скроллится и body. Есть ли какое-то кросбраузерное решение этой проблемы?

Answer 1

[Grigory S.]

Обернуть меню в div c position fixed и отключать/включать скролл на событиях меню opening/closing.

Comments

[Max_Borisov]

Вы сами пробовали так сделать? Если было бы все так просто, я не спрашивал бы. На айфоне это решение не подойдет.

[Grigory S.]

Max_Borisov: Пробовал. iOS 8+, всё работает без проблем.

[Max_Borisov]

Grigory S.: можете скмнуть пример? Интересно посмотреть.

Answer 2

[Денис Т]

я сейчас делаю мобильную версию и у меня тоже есть выезжающее меню, только оно закрывает всю ширину экрана. так вот я добавляю класс body, в котором одно свойство - overfloy-y: hidden;

Comments

[Max_Borisov]

На ios эта фишка не прокатит, если Вы проскролите по своему меню (все равно на всю ширину или нет), боди тоже будет скроллиться.

[Денис Т]

Max_Borisov: для ios нужен костыль

[Денис Т]

ru.stackoverflow.com/questions/240500/%D0%9A%D0%B0...

[Max_Borisov]

Денис Тюкавин: можете скинуть рабочий пример? Просто я подобный способ пробовал.

[Денис Т]

Max_Borisov: и не работает?

[Max_Borisov]

Не работает. Так есть рабочий пример?

[Денис Т]

сделал всё как описал выше
только добавил еще position: fixed; для safari
всё работает, проверял на ipod touch 5

[Max_Borisov]

Денис Тюкавин: так можете скинуть пример?)

[Денис Т]

сайт в разработке, но эта фича реализована
m.samson-td.ru
З.Ы. определение устройства еще не реализовано

[Max_Borisov]

Денис Тюкавин: тема с "переверни обратно" улыбнула, но а что делать, если нужен скролл внутри этого элемента?

[Денис Т]

кликните по пункту Статьи, там это реализовано
если я вас правильно понял конечно)

[Max_Borisov]

Денис Тюкавин: такое решение норм подходит, если меню открывается вверху страницы, как у Вас сейчас, а если его открыть, например, в середине экрана, то после закрытия мы окажемся в самом начале страницы, а не там, где открыли.

[Денис Т]

Max_Borisov: тогда нужно немного js добавить