Theia Sticky Sidebar 사용시 사이드바(basic-bs-side)와 본문(basic-bs-main) 서로간의 높이에 따라 고정된 효과를 얻게 되는데 (마치 프레임구조처럼) 문제는 본문이 사이드바 보다 짧을 때 모달창을 띄우서 스크롤을 위 아래로 내려보면 사이드바 아래로 모달창이 가려지는 효과가 나타난다.

아래 소스를 적용해보자.

<script type="text/javascript">        // 사이드바 고정시 모달창이 사이드바 아래로 내려앉는 문제 해결하기
var checkeventcount = 1,prevTarget;
$('.modal').on('show.bs.modal', function (e) {
    if(typeof prevTarget == 'undefined' || (checkeventcount==1 && e.target!=prevTarget))
    {  
      prevTarget = e.target;
      checkeventcount++;
      e.preventDefault();
      $(e.target).appendTo('body').modal('show');
    }
    else if(e.target==prevTarget && checkeventcount==2)
    {
      checkeventcount--;
    }
 });
</script>

그누보드5/eyoom/theme/설치된 테마/layout/tail.bs.html 하단 스크립트 라인에 추가한다.