Javascript 鼠标悬停在jQuery幻灯片中的水平滚动条上

这是我看到的。请查看下面的图片，您将在幻灯片下方看到一个水平滚动条

下面是HTML页面上的脚本：

<div class="fitimage">
   <div class="imgcontainer">
      <img src="img/copywrtng.jpg" class="headerimage" alt="copywriting"      />
      <img src="img/copywrtng1.jpg" class="headerimage" alt="copywriting" />
      <img src="img/copywrtng2.jpg" class="headerimage" alt="copywriting" />
   </div>
</div>

有几件事我不能理解：

一,。这只发生在鼠标悬停时

二,。它只发生了几秒钟，然后就消失了，然后再次出现

三,。当我看到本地网页时，它不会发生。只有当我上传到服务器上时才会发生这种情况

当鼠标悬停在溢出物上时，我试图确定溢出物是否可见。但我看到的是，右边的一个空白被加宽了，这是水平滚动条。但网站的宽度仍然是100%，整个网站都在向左移动，右边是空白。幻灯片块（网站块）会自动向右移动。空白区域再次被缩小，整个区域的宽度达到100%

只是不明白当它加载到服务器上时会发生什么变化。它是某种预定的浏览器风格吗？还是jQuery的一个小故障

---

任何帮助都将不胜感激。

创建一些类似js Fiddle的演示是的，演示会很有帮助。您可以将网站链接粘贴到此处吗？这是IE 11和Chrome 57上检查的工作链接，无法重新创建问题。您使用的浏览器是什么？[copyewriting.com/NewHomePage]（copyewriting.com/NewHomePage）…它实际上是一个网站。在我的JSBin和PC文件中，它已经可以正常工作了。只是不明白我在服务器上加载它时发生了什么。

div.fitimage {
    width:100%;
    height:93vh;
    overflow: hidden;
}
.imgcontainer {
    width:100%;
    white-space:nowrap;
}
img.headerimage {
    padding: 0;
    margin:0 auto;
    width:100%;
  /*max-height:100%;
    max-width:100%;*/
    height:93vh;
}