javascript - 调整窗口大小会导致下一个 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 幻灯片，它设置在 cssbackground-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);
});