3

Adicionei Overflow-x: hidden no body mas não está funcionando.

overflow hidden desativa o scroll, ou só esconde a barra?

html, body{
  overflow-x: hidden;
  -webkit-overflow-x: hidden;
  
}
/* tentei das duas formas */
body{
  overflow-x: hidden;
}

3
  • 2
    Apenas esconde a barra. Qual o resultado esperado e qual o resultado obtido? 13/05/2015 às 15:36
  • com esse css que adicionei ele só está ocultando a barra, quando o resultado desejado é bloquear a rolagem horizontal
    – fronthendy
    13/05/2015 às 15:42
  • 1
    E o que implica em sua página a barra ocultar ao invés de bloquear apenas ? Você pode usar o overflow-x:auto. 13/05/2015 às 16:48

1 Resposta 1

2

Para prevenir scroll, o melhor é não deixar os elementos excederem o tamanho máximo do elemento pai. Do contrário, o único jeito é com um pouco de Javascript:

function wheel(e) {
    console.log(e);
    if ( e.wheelDeltaX !== 0 ) {
        e.preventDefault();
    }
};

function disable_scroll() {
    if ( window.addEventListener ) {
        window.addEventListener('DOMMouseScroll', wheel, false);
    }
    window.onmousewheel = document.onmousewheel = wheel;
};

disable_scroll();

Veja funcionando: JSFiddle

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .