我构建了自己的模态窗口脚本,该脚本优先于Web浏览器滚动条,并允许内容以未定义的高度填充页面。很难找到任何具有这种特定属性的商业可用的脚本,但我已经把它带到了我现在满意的舞台上。唯一的问题是我希望在包含不同内容的一个网页上有多个模态窗口实例,并且对于jQuery编码稍微不熟悉我不确定如何执行此操作。我的代码是:
$(document).ready(function() {
var body = $('body'),
main = $('.main'),
open_modal = $('.open-modal'),
close_modal = $('.close-modal'),
modal_container = $('.modal-container'),
toggleModal = function() {
body.toggleClass('body-locked') ;
modal_container.toggleClass('dp-block');
};
$(".open-modal").click(function(){
$(".modal-container").fadeIn(750);
});
open_modal.on('click', toggleModal);
close_modal.on('click', toggleModal);
});