title: overflow-x: hidden breaks smooth scroll
body: <p>I am using the following javascript/jquery script to create smooth anchor scrolling</p>
  
  <pre><code>$(function() {
    $('a.page-scroll').bind('click', function(event) {
        event.preventDefault();
        var $anchor = $(this);
        console.log($anchor)
        $('html,body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1500, 'easeInOutExpo');
     });
  });
  </code></pre>
  
  <p>Which works great unless the following is included in my css styles sheet</p>
  
  <pre><code>html,body {
    /*Irrelevant style rules*/
    overflow-x: hidden; 
  }
  </code></pre>
  
  <p>Why is this happening? When I remove or comment out the overflow-x: hidden;, the script works perfectly. If I leave it, it doesn't work at all.</p>