Скролл у модального окна

Как сделать чтобы у body не было скролла, а у модального окна он был?

    //вызов окна
$('.button.more').click(function(e) {
    e.preventDefault();
    $('#substrate').fadeIn(400,
        function() {
            $('.popup.more')
                .animate({
                    opacity: 1,
                }, 200);
        });
});
        //окно
    <?
          global $DB;
        $types = typeClass();
          $dataSql = $DB->getAll('SELECT `id`,`more`,`type`  FROM `list` ORDER BY `id`');
          foreach($dataSql As $sql){
        ?>
        <div class="popup more" id="<?=$sql['id']?>">
        <div class="form" name="list[list][<?=$sql['id']?>][more]"><?=$sql['more']?>
            <div class="formore">
                <div class="lpc_title">
                    <?=!empty($title)?$title:''?>
                </div>
                <p><?=!empty($text)?$text:''?> </p>
                <form class="jsForm" action="/api/form.form_action/" id="form_action6" method="post">
                    <input type="text" id="name" name="name" placeholder="Имя и фамилия" /> <font color="red">*</font>
                    <input type="text" id="tel" name="tel" placeholder="Телефон" /> <font color="red">*</font>
                    <input type="text" id="comment" name="comment" placeholder="Комментарий" />
                    <input type="submit" value="Отправить" />
                    <input type="hidden" name="type" value="<?=!empty($title)?$title:'zapis'?>" />
                    <input type="hidden" name="theme" value="<?php echo $types[$sql['type']] ?>" />
                </form>
                (<font color="red">*</font>) - обязательно для заполнения
            </div>
         </div>
            <div class="popup_close">x</div>
        </div>
        <?             
          }
        ?>