How to temporary replace the main-scroll with inner div scroll

this page is contains of main sroll that will scroll whole page and section scroll 1 that will scroll section 1, in this case, the main scroll will stop scrolling when reach section 1 and will continue after section 1 finish scrolled. it means, main scroll will temporary replaced by section 1 scroll when section 1 is on the top of the window, can anybody help me to fix this?? I recently found sticky-kit by leafo but I think this plugin cant resolve this problem