¿Cómo determinar qué elemento en la página causa el desplazamiento horizontal?

Read this article in:

Es increíble cómo Gpt puede responder esta pregunta, cuando he luchado con esto durante tanto tiempo.

Puede ejecutar esto en la consola para ver cuáles son los elementos ofensivos:

[...document.querySelectorAll('*')].filter(el => {
  const r = el.getBoundingClientRect()
  return r.right > document.documentElement.clientWidth
}).forEach(el => console.log(el, el.getBoundingClientRect()))

También se pueden destacar:

[...document.querySelectorAll('*')].forEach(el => {
  const r = el.getBoundingClientRect()
  if (r.right > document.documentElement.clientWidth) {
    el.style.outline = '2px solid red'
  }
})

.

Please login to post comments: