Javascript 有没有办法确定图像的位置

我在左边有一个图像，在右边有一个文本。喜欢两列式布局

我想，当我滚动文本，然后图像应该留在页面的中心

我试着用

position:fixed

但问题是，有时当我将IE窗口的大小调整为小尺寸时，图像会保持在相同的位置，当我向下滚动时，它会从主内容区域出来

我希望该图像应滚动，但应留在内容区内。它不应移动到主内容区域之外。

.content{position:relative}
.content{ position: relative }
.image{ position: absolute; top: 0; left: 50%; }

<div class="content">
   <div class="image">
      <img src="image.jpg" />
   </div>
</div>

.image{位置：绝对；顶部：0；左侧：50%；}

您是否有一些我们可以看到的源代码、与您的问题相关的HTML和CSS，或者是一个实例？