Find elements too wide for a viewport, causing horizontal scrollbars (jQuery necessary)

overflow-cause-finder.js

(function ($) {
  var bodyWidth = $(document.body).outerWidth();
  var $elems = $('body *').filter(function () {
    var $this = $(this)
    return $this.offset().left + $this.outerWidth(true) - parseInt($this.css('margin-left'), 10) > bodyWidth
  })
  
  if ($elems.length)
    console.log($elems)
  else
    console.log('No elements found, maybe a :before or :after pseudo element is causing the overflow.')
    
  return $elems
})(jQuery)