Заблокировать горизонтальный скроллинг скриптом. Как это?

Question

[▪ ▪]

При появлении меню навигации слева весь контент уезжает вправо (такая задумка) и появляется скроллинг по горизонту. Что можно добавить в скрипт чтобы скроллинг исчезал? С таблицах стилей не могу использовать по умолчанию overflow-x: hidden, так как из за этого начинаются глюки с прокруткой на планшете (исчезает плавность). По этой причине хотелось бы чтобы overflow-x: hidden был активен только пока не закроют меню. Но как он прописывается в скрипте?

Answer 1

[Анатолий]

$('.nav').click(function () {
    $('.element').toggleClass('overflow-x');
});

.overflow-x {
    overflow-x: hidden;
}

Comments

[▪ ▪]

А как можно сделать чтобы overflow-x применялся к html,body?

[Анатолий]

Рикко: $('html, body').toggleClass('overflow-x');

Answer 2

[cssfish]

тут можно без скрипта вообще, корневой обертке изначально дать overflow:hidden и не парить мозг

Comments

[▪ ▪]

Вот только после этого начинает глючить прокрутка контента на планшете.

[cssfish]

Рикко: можно пример?

[▪ ▪]

cssfish: clever.bz

[cssfish]

хм.. не нашел там overflow для корневого контейнера

upd - а там, для html. это не то. я имею ввиду,внутри body создать обертку с overflow:hidden, и делать уже в ней.

она и будет съедать все скроллы от всего, что вылетает в стороны

[▪ ▪]

cssfish: из за этого возникаю проблемы с stellar js.

[cssfish]

а. все может быть, надо смотреть по ситуации. этой либы в условии задачи не было, т.е. для рядовых случаев работает норм.