diff --git a/snippets/elementBiggerThanViewport.md b/snippets/elementBiggerThanViewport.md new file mode 100644 index 000000000..511573da7 --- /dev/null +++ b/snippets/elementBiggerThanViewport.md @@ -0,0 +1,27 @@ +--- +title: elementBiggerThanViewport +tags: beginner +--- + +Get elements in html bigger than the viewport width, useful when you're looking for what is causing the horizontal scroll + +- Returns all elements that are bigger than the viewport + +```js +const getElementsBiggerThanViewport = () => + let docWidth = document.documentElement.offsetWidth; + + [].forEach.call( + document.querySelectorAll('*'), + (el) => { + if (el.offsetWidth > docWidth) console.log('el', el); + } + ); + +``` + +```js +getElementsBiggerThanViewport(); //
...
+``` + +