计算加载时左/右视口边缘的距离并调整大小

Question

我正在尝试计算视口左边（以及另一种情况下右边）边缘的元素距离，因此我可以将其添加为元边的负边距以与视口的边缘对齐。到目前为止它适用于加载，但在调整浏览器大小时会做一些奇怪的计算。我觉得这里有什么不对吗？ 这是我到目前为止使用的内容：

右视口对齐：

$sidepic_element = jQuery('.right_element');

if($sidepic_element.length) {
    jQuery(window).on("load resize", function() {
        $offset = $sidepic_element.offset();
        $sidepic_margin = -(jQuery(window).width() - ($sidepic_element.offset().left + $sidepic_element.width()));
        $sidepic_element.css({
            'margin-right': $sidepic_margin
        });
    });
}

左视口对齐：

$blog_element = jQuery('.left_element');

jQuery(window).on("load resize", function() {
    $offset = $blog_element.offset();
    $blog_margin = -($blog_element.offset().left - jQuery(window).scrollLeft());
    $blog_element.css({
        'margin-left': $blog_margin
    });
});