Overflow-detector - New Tab Extension For Chrome
Why is it useful?
If you have a DOM element (e.g.
), this tool can tell you which element is causing the horizontal scroll. It can be useful in a variety of situations. In general it's useful in situations where you don't want to know the cause for a horizontal scroll. For example:
You have a page with two columns. In one column, there's an element, while in the other one, there's a
element. When the user is scrolling on this page, in one moment, he will reach the end of the first column, and at the same time, he will reach the end of the second column. There's a good chance that the page is horizontal scroll.
Why is it useful in that situation?
As mentioned above, there's a good chance that the page is horizontal scroll. That means that there's a chance that if the user reaches the end of the first column, there might not be a way to reach the end of the second column. And vice versa. For example, you have a page with a single row, and in this row, there's a single element. This is a very easy example to understand. If the user reaches the end of the page, there is no way for him to reach the end of the row.
In this tool, you can find out which element is causing this horizontal scroll, and you don't have to manually inspect each and every element to find out. This tool helps you quickly find out which element is causing this horizontal scroll.
