サイドメニューをスクロール時に固定し、且つ指定の範囲で

jQuery(function($){
  
	window.onscroll = function () {
		scrollToggleClass(".target-area", ".sidemenu", "fixed");
	  }
	  function scrollToggleClass(rangeTarget, addTarget, classname) {
		if($(rangeTarget).length){
		  scroll = $(window).scrollTop();
		  startPos = $(rangeTarget).offset().top;
		  endPos = startPos + $(rangeTarget).outerHeight();
		  if (scroll > startPos && scroll < endPos) {
			  $(addTarget).addClass(classname);
		  } else {
			  $(addTarget).removeClass(classname)
		  }
		}
	  }
		
});

.sidemenu.fixed {position: sticky;}