Jquery width scroll detect

<script>
    $('.main').hover(function(){
        var currentWidth = $(document).width();
        var realWidth = document.documentElement.clientWidth;
        if(realWidth < currentWidth)
        {
            alert('SCROLL');
        }
    });
</script>



/****************** FOR Jquery Menu ******************/

   $('.sub').hover(function(){
      var currentWidth = $(document).width();
      var realWidth = document.documentElement.clientWidth;
      if(realWidth < currentWidth)
      {
         //var ul = $(this).children('ul').hide();;
        // console.log(ul);
         $(this).addClass('rtl');
         $(this).removeClass('ltr')
      }
   });