').hide(); var class_modal = 'is-modal'; var col = md.find('.m-modal_htmlinner'); var bg = md.next('.m-modal_overlay'); var bg_close = md; var contents = col; var evt_close = 'click.modal'; var main = $([md[0], bg[0]]); var scrolltop; $('body').append(md); var close = function () { main.hide(); col.empty().removeClass('is_iframe'); bg_close.off(evt_close); contents.off(evt_close); $('html').removeClass(class_modal); if (!$('html').hasClass('is-nav-open')) { $('html').css({ 'top': '' }); $(window).scrollTop(scrolltop); } } elm.on('click', function (e) { e.preventDefault(); if (!$('html').hasClass('is-nav-open')) { scrolltop = $(window).scrollTop(); $('html').css({ 'top': '-' + scrolltop + 'px' }); } $('html').addClass(class_modal); var url = $(this).attr('href'); $(url).clone().appendTo(col); main.show().css({ opacity: 0 }).animate({ opacity: 1 }, 300, function () { $(window).trigger('resize'); }); bg_close.on(evt_close, close); contents.on(evt_close, function (e) { e.stopPropagation(); }); }); md.find('button').on('click', close); } });