Javascript 溢出-x：隐藏中断平滑滚动

我使用下面的javascript/jquery脚本创建平滑的锚滚动

$(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');
   });
});

除非在我的css样式表中包含以下内容，否则它非常有用

html,body {
  /*Irrelevant style rules*/
  overflow-x: hidden; 
}

---

为什么会这样？当我删除或注释掉溢出-x:hidden；，剧本写得很好。如果我离开它，它就根本不起作用。

阅读的第一部分告诉我，一个溢出不能隐藏，另一个溢出不能可见。我添加了一些JS来更改动画事件的html、body和css。哈奇，但它的工作

$(function() {
  $('a.page-scroll').bind('click', function(event) {
    event.preventDefault();
    var $anchor = $(this);
    $('html,body').css(
     "overflow-x", "visible"
    );
    $('html,body').stop().animate({
      scrollTop: $($anchor.attr('href')).offset().top
    }, 1500, 'easeInOutExpo');
    $('html,body').css(
      "overflow-x", "hidden"
    );
  });
});

---

我只删除x轴滚动条，这不应该干扰y轴滚动，是吗？对我来说很有用。这一定是我迄今为止遇到的最奇怪的虫子了。但它解决了问题，谢谢。