setProperty 를 재활용 하고싶습니다.

인터렉션이 동작하는 범위를 section으로 구분한다고 하였을 때

섹션별로 인터렉션 render 들은 별도로 만들고 해당 섹션이 도달하면 작동 되도록하고싶은데요,

그러려면 setProperty 을 공통으로 가져가는게 좋을 것 같은데

아니면 setProperty 함수 자체에서 분기를 나누는 것도 방법일까요?

if (percent >= 0 && percent < 100) {
     firstSectionRender();
     console.log(`페럴렉스섹션[0] ${percent}`);
}
if (percent >= 100 && percent < 200) {
     twoSectionRender();
     onsole.log(`페럴렉스섹션[1] ${percent}`);
}

section을 배열에 담아서 반복문을 돌려야 할까요? 적합한 원리를 잘 모르겠습니다.