Sticky sidebar with full width section div

Hello,

I was wondering if it is possible to use a sticky sidebar while also having full width sections (or backgrounds) in the scrolling part of the page? The sections could have container divs within them to hold the content. Ideally, the full width sections would pass underneath the sticky sidebar. As it stands now, I can only figure out how to use sticky sidebars if they are placed within the .container div, as shown below. But, if the section divs are placed within the container, then they are not full width. Thanks for your help!

<div class="content-wrap">
   <div class="container clearfix">
            
          <div class="postcontent nobottommargin col_last clearfix">
                <p>Content...</p>
            </div><!-- end .postcontent -->

            <!-- sidebar -->
            <div class="sidebar sticky-sidebar-wrap nobottommargin clearfix">
                <div class="sticky-sidebar">
                    <p>Widgets....</p>
                </div>
            </div><!-- .sidebar end -->
            
        </div><!-- .container end --> 
    </div><!-- .content-wrap end -->

Any ideas for this?