2015-10-16 2 views
-1

Есть ли способ отключить горизонтальную прокрутку в javascript? Я использую следующее:Отключить горизонтальную прокрутку javascript

document.body.addEventListener('touchmove', function (event) { 
    event.preventDefault(); 
}, false); 

Однако это отключает прокрутку в целом. Я также установил скрытый файл overflow-x.

.layer{ 
overflow: hidden; 
} 

Мне нужно сделать это для мобильного приложения на Android. Thanks

ответ

1

Примечание: ответьте в скобках from this source.

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

style="overflow-x:hidden;overflow-y:hidden" 
style="overflow:-moz-scrollbars-horizontal;overflow-x:hidden;overflow-y:scroll;" 

x- используется для горизонтального, вертикальной y- для

Надеется, что это поможет.

+0

Обратите внимание, что [копирование вставных ответов не рекомендуется] (https://meta.stackoverflow.com/questions/295778/is-copy-pasting-content-from-other-websites-without-citation-acceptable) без цитаты. Я добавил цитату только для записи. Спасибо, и добро пожаловать в StackOverflow (хотя это, возможно, не самый дружелюбный из приветствует ...). –

+0

Спасибо за это, после страдания с этим в течение 16 часов, я в конечном итоге изменил свои html-страницы. Я исправил все слои, которые не будут меняться в приложении, и отключить прокрутку с скрытым переполнением. Только слой содержимого, который требует прокрутки, имеет набор переполнения-y: scroll, потому что мне нужна только вертикальная прокрутка. Так что теперь все выглядит хорошо. – dhameergovind

+0

Как примечание, если кто-нибудь запустит проект мобильного приложения, лучше всего придерживаться стандартной структуры страницы, чтобы избежать подобных проблем. Сохраняйте единообразие во всем приложении (например, следуйте структуре страницы со страницы jquery, как сказано, она используется) .... Урок усвоил трудный путь – dhameergovind

0

$ ("Выбрать Div"). Css ("overflow-x", "hidden"); Надеюсь, это поможет вам.

Смежные вопросы