鼠标悬停在jQuery SlideShow中带来临时水平滚动条

Question

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

这是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>

这就是我对CSS的看法：

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;
}

我无法理解的一些事情：

1。它仅在鼠标悬停时发生。

2。它只发生几秒钟然后消失，然后再次出现。

3。当我看到本地网页时，它不会发生。只有当我将其上传到服务器上时才会发生。

一旦鼠标悬停在溢出上，我就试图弄清楚溢出是否可见。但是我看到的是，右侧的白色空间正在变宽，呈现水平滚动条。但网站的宽度仍然是100％，整个网站左侧有空白区域。幻灯片块（网站块）自动向右移动。白色空间再次变窄，整个东西适合100％宽度。

只是不明白它在服务器上加载时会发生什么变化。是一些预定的浏览器风格？或者这是一个jQuery故障？

任何帮助将不胜感激。