URL location.pathname으로 구분 처리를 해야 할 경우...

나의 경우 특정 화면에서만 플로팅 메뉴의 위치를 조정해 줘야 하는 부분이 있었다.

아래와 같이 location.pathname으로 URL 경로를 구분하여 대시보드 화면에서만 플로팅 메뉴의 위치를 다르게

표시되도록 처리를 하였다.

//fixgroup컨트롤 dashBoard에서만 class fixgroup--top을 추가해준다
var pathname = window.location.pathname.split('/');
var lastindex = pathname.length;
var lastpath = pathname[lastindex-1];
console.log(lastpath);
if(lastpath == 'dashBoard'){
    $('#fixgroup').addClass("fixgroup--top");
}

fixgroup--top 은 플로팅 메뉴를 아래로 58rem 내려가도록 설정했다.

 

- 플로팅 메뉴에 적용된 css

/* 화면고정 버튼그룹 */
.fixgroup {
  position: absolute;
  left: 50%;
  margin-left: 55rem;
  top: 17rem;
  bottom: 0;
  z-index: 10;
}
.fixgroup--top {
  top: 58rem;
}