Often we need to localize the element which cause vertical scroll in our HTML. We can do it in two methods. One which is fairly simple is to add an outline around each element on the page. This helps, but in some cases might get very messy.

* {
    outline: 1px solid red!important;
}

Another method is to use JS event listeners to listen to the currently scrolled element. So when we scroll, the element will get targeted by the JS and displayed in console. This is my preferred way of dealing with vertical scroll.

function showScroller(element) {
    element.onscroll = function() { 
        console.log(element);
    }
    Array.from(element.children).forEach(showScroller);
}

showScroller(document.body);

Once you know which HTML element is responsible for vertical scroll, you can then tweak it css in Chrome dev toll to remove the issue.

0
Would love your thoughts, please comment.x
()
x