How to Debug Vertical/Horizontal Scrollbars

Sharing is Caring

When building websites, it can be really challenging to debug what’s causing unexpected scrollbars.

In this post, I provide a very good solution for debugging scrollbars.

In the past, I would add this css when debugging:

* {
 border: 1px solid red;

For the most part, this can give a good enough idea but it can cause issues because the border is added outside of the element.

Using outline instead of border is a much superior solution because its added inside the element and doesn’t cause anything to expand.

Author: Brian Cline

Brian is a programmer living in Niagara Falls with ten years of development experience. He is passionate about automation, business process re-engineering, and gamification. For the last six years or so, he has been working with Salesforce and JavaScript.

Related Posts

Sharing is Caring