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 幻灯片，它是在 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);
});