JQuery를 이용하여 스크롤 금지, 스크롤 사용을 만든다.

1. 스크롤 금지

$.fn.disableScroll = function() {
    window.oldScrollPos = $(window).scrollTop();

    $(window).on('scroll.scrolldisabler',function ( event ) {
       $(window).scrollTop( window.oldScrollPos );
       event.preventDefault();
    });
};

2. 스크롤 사용

$.fn.enableScroll = function() {
    $(window).off('scroll.scrolldisabler');
};

3. 모달창을 위해 아래 스크립트를 이용한다.

$(".modal").on("hidden.bs.modal", function() {
    $("html").enableScroll();
}).on("shown.bs.modal", function() {
    $("html").disableScroll();
});

이윰테마를 위해 그누보드5/eyoom/theme/설치된 테마/layout/tail_bs.html을 열어 종합적인 스크립트를 추가한다.

<script type="text/javascript">
$.fn.disableScroll = function() {
    window.oldScrollPos = $(window).scrollTop();

    $(window).on('scroll.scrolldisabler',function ( event ) {
       $(window).scrollTop( window.oldScrollPos );
       event.preventDefault();
    });
};
$.fn.enableScroll = function() {
    $(window).off('scroll.scrolldisabler');
};
$(".modal").on("hidden.bs.modal", function() {
    $("html").enableScroll();
}).on("shown.bs.modal", function() {
    $("html").disableScroll();
});
</script>