在滚动的父div中将marginLeft更改为子div

Question

我试图把一个position: absolute的div放在一个滚动的div里面，让它在向左或向右滚动的时候停留在左边。这是因为我希望div像一个单元一样移动(当向左、向右、向上、向下滚动时)。它在低于2K的屏幕上工作得很好，但在高清屏幕上(即。2k、3k、4k...)孩子的div跳来跳去，看起来很糟糕。

有没有更好的方法呢？我应该对高清屏幕的CSS进行哪些更改？

#parent {    
    overflow: auto;
    width: 100%;
    height: 100%;
    position: relative;
}
#child {    
    overflow: hidden;
    width: 20%;
    height: 100%;
    z-index:1;
    position: absolute;
}

<div id="parent">
    <div id="child"></div>
</div>

$("#parent").on('scroll', function (event) {
     $("#child")[0].style.marginLeft = this.scrollLeft+"px";
});