调整窗口大小会导致下一个div显示在响应式水平滚动网站中

Question

网站在所有分辨率上都显示正常，调整窗口大小时会出现问题。

所以我所做的就是创建5个div容器，并在宽度为500％的主体内为每个容器提供20％的宽度。以下是其中一个

 <div id="workslide" class="container"> 
 //some a tags goes here
 </div>

CSS

.container {
     bottom: 0;
     float: left;
     height: 100%;
     margin: 0;
     position: relative;
     width: 20%;
}

在每个容器中都有一个img幻灯片，它在css background-size: contain;中设置，可以针对所有分辨率进行正确缩放。例如，当从左侧调整窗口大小时，会发生这种情况。之前的div出血：

任何想法都将不胜感激！

Answer 1

我在Matt的指针后实现了对问题的修复。现在完美无缺：

//added following lines of code within document ready:
$(window).resize(function() {
$(window).scrollLeft($(/*element you have scrolled to*/).offset().left);
});