Horizontal Scroll lock

[CODE-NINJA]

Does this code work? Tested?

<style>
   html, body {
      width:100%;
      overflow-x:hidden;
   }

      @media (max-width: 786px){
      body{overflow-x:hidden!important;}
   }
</style>

This locks the horizontal scroll?