DEV Community

Rodrigo de Avila
Rodrigo de Avila

Posted on

Qual elemento está criando scroll horizontal?

Se, ao criar uma página, você percebeu que ela ficou com uma incômoda barra de rolagem horizontal, você pode executar o seguinte código no console do seu navegador, para descobrir quem é o culpado:

var docWidth = document.documentElement.offsetWidth;

[].forEach.call(
  document.querySelectorAll('*'),
  function(el) {
    if (el.offsetWidth > docWidth) {
      console.log(el);
    }
  }
);
Enter fullscreen mode Exit fullscreen mode

Os culpados irão aparecer no Console :)

Discussion (4)

Collapse
sereiodobrejo profile image
Sereio-do-Brejo

Legal um post em português!
Adoro o dev.to, mas fica muito difícil recomendar artigos para quem não sabe ou gosta de ler inglês. Espero que seja possível haver mais posts em nosso idioma!

btw, nice article!

Collapse
wbeirigo profile image
Wilson Beirigo Duarte

Isso aí. Mais posts em português.

Collapse
rdeavila profile image
Rodrigo de Avila Author

Eu tava mesmo com receio de postar, porque nunca vi artigos em pt-BR por aqui. É bom saber que mais gente quer ler em português!

Collapse
danilogila profile image
Danilo Gila de Santana

Dica muito boa! Show