Как сделать так чтобы спрятанная часть контента не скроллилась на тач устройствах?

Question

[akrom123]

Как спрятать часть контента чтобы она не была доступна скроллингу, на тач устройствах. К примеру на некоторых приложениях в смартфонах когда выходит сайдбар, часть контента недоступна(то, есть прячется)

Answer 1

[Mikhail Osher]

Подключить modernizr с проверкой touch.
И в CSS написать что-то вроде такого:

body.touch .your-elem-selector {
    overflow: hidden;
}

// upd

Возможно не body.touch, а к другим элементам применяются идентификационные классы.

Как вариант, попробовать добавить

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />

или

document.body.addEventListener('touchstart', function(e){ e.preventDefault(); });

Comments

[Виталий Киренков]

Ну, скорее для родителя, а не для самого элемента.

[akrom123]

В тач устройствах скроллятся области overflow: hidden тоже

[akrom123]

body.touch .your-elem-selector {
overflow: hidden;
} примерно такой код сработал спасибо!!

Answer 2

[Lisonok]

body{
    width: 100%;
    overflow: hidden;
}