在滚动页面时如何使固定div保持在同一位置而不管缩放？

Question

我有以下代码：

$(document).scroll(function() {
    var y = $(this).scrollTop();

    if (y > 350) {
        $(".csw-step4-price-summary").css({
            'position': 'fixed',
            'top': '40%',
            'left': '0%'
    });

    } else {
        $(".csw-step4-price-summary").css({
            'position': 'absolute',
            'top': '40%',
            'left': '0px'
        });
    }

});

HTML：

 <div class="csw-step4-third" style="position: relative; float: right; width: 33%; height: 600px">
        <div class="csw-step4-price-summary">
           @Html.Partial(PartialViewsCo‌​nstants.PriceSummary‌​)
        </div>
  </div>

我相信你已经掌握了我想要它的绝对位置，直到我达到350px然后我希望它改为固定并在我滚动时保持固定。一切都很好，直到我改变了浏览器窗口的分辨率。固定div向左或向右移动，具体取决于我是否放大或缩小。任何想法如何解决？我已经尝试使用位置相对来创建父div，但是我已经读过固定位置将div从文档流中取出，使得div与位置相对冗余。

谢谢！