Bootstrap 4滚动到长粘性侧边栏的底部

<div class="container">
  <div class="row">
    <div class="col-md-8">
      <!-- 主要内容 -->
    </div>
    <div class="col-md-4">
      <!-- 侧边栏内容 -->
    </div>
  </div>
</div>

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
}

$(window).scroll(function() {
  var sidebarHeight = $('.sidebar').height();
  var windowHeight = $(window).height();
  var scrollTop = $(window).scrollTop();

  if (scrollTop + windowHeight >= sidebarHeight) {
    $('.sidebar').addClass('sticky-bottom');
  } else {
    $('.sidebar').removeClass('sticky-bottom');
  }
});