Доброго времени суток!
есть шаблон административной панели. просто был скачан. все работает.
но появилась проблема.
при открытии модального окна если оно больше высоты экрана. то не появляется скроллбар. и невозможно увидеть окончание этого модального окна.
на сколько я понимаю используется переписаная библиотека bootstrap.
код отвечающий за модальные окна.
(window.jQuery), ! function(a) {
var b = function(b, c) {
this.options = c, this.$element = a(b).delegate('[data-dismiss="modal"]', "click.dismiss.modal", a.proxy(this.hide, this)), this.options.remote && this.$element.find(".modal-body").load(this.options.remote)
};
b.prototype = {
constructor: b,
toggle: function() {
return this[this.isShown ? "hide" : "show"]()
},
show: function() {
var b = this,
c = a.Event("show");
this.$element.trigger(c);
if (this.isShown || c.isDefaultPrevented()) return;
this.isShown = !0, this.escape(), this.backdrop(function() {
var c = a.support.transition && b.$element.hasClass("fade");
b.$element.parent().length || b.$element.appendTo(document.body), b.$element.show(), c && b.$element[0].offsetWidth, b.$element.addClass("in").attr("aria-hidden", !1), b.enforceFocus(), c ? b.$element.one(a.support.transition.end, function() {
b.$element.focus().trigger("shown")
}) : b.$element.focus().trigger("shown")
})
},
hide: function(b) {
b && b.preventDefault();
var c = this;
b = a.Event("hide"), this.$element.trigger(b);
if (!this.isShown || b.isDefaultPrevented()) return;
this.isShown = !1, this.escape(), a(document).off("focusin.modal"), this.$element.removeClass("in").attr("aria-hidden", !0), a.support.transition && this.$element.hasClass("fade") ? this.hideWithTransition() : this.hideModal()
},
enforceFocus: function() {
var b = this;
a(document).on("focusin.modal", function(a) {
b.$element[0] !== a.target && !b.$element.has(a.target).length && b.$element.focus()
})
},
escape: function() {
var a = this;
this.isShown && this.options.keyboard ? this.$element.on("keyup.dismiss.modal", function(b) {
b.which == 27 && a.hide()
}) : this.isShown || this.$element.off("keyup.dismiss.modal")
},
hideWithTransition: function() {
var b = this,
c = setTimeout(function() {
b.$element.off(a.support.transition.end), b.hideModal()
}, 500);
this.$element.one(a.support.transition.end, function() {
clearTimeout(c), b.hideModal()
})
},
hideModal: function(a) {
this.$element.hide().trigger("hidden"), this.backdrop()
},
removeBackdrop: function() {
this.$backdrop.remove(), this.$backdrop = null
},
backdrop: function(b) {
var c = this,
d = this.$element.hasClass("fade") ? "fade" : "";
if (this.isShown && this.options.backdrop) {
var e = a.support.transition && d;
this.$backdrop = a('<div class="modal-backdrop ' + d + '" />').appendTo(document.body), this.$backdrop.click(this.options.backdrop == "static" ? a.proxy(this.$element[0].focus, this.$element[0]) : a.proxy(this.hide, this)), e && this.$backdrop[0].offsetWidth, this.$backdrop.addClass("in"), e ? this.$backdrop.one(a.support.transition.end, b) : b()
} else !this.isShown && this.$backdrop ? (this.$backdrop.removeClass("in"), a.support.transition && this.$element.hasClass("fade") ? this.$backdrop.one(a.support.transition.end, a.proxy(this.removeBackdrop, this)) : this.removeBackdrop()) : b && b()
}
};
var c = a.fn.modal;
a.fn.modal = function(c) {
return this.each(function() {
var d = a(this),
e = d.data("modal"),
f = a.extend({}, a.fn.modal.defaults, d.data(), typeof c == "object" && c);
e || d.data("modal", e = new b(this, f)), typeof c == "string" ? e[c]() : f.show && e.show()
})
}, a.fn.modal.defaults = {
backdrop: !0,
keyboard: !0,
show: !0
}, a.fn.modal.Constructor = b, a.fn.modal.noConflict = function() {
return a.fn.modal = c, this
}, a(document).on("click.modal.data-api", '[data-toggle="modal"]', function(b) {
var c = a(this),
d = c.attr("href"),
e = a(c.attr("data-target") || d && d.replace(/.*(?=#[^\s]+$)/, "")),
f = e.data("modal") ? "toggle" : a.extend({
remote: !/#/.test(d) && d
}, e.data(), c.data());
b.preventDefault(), e.modal(f).one("hide", function() {
c.focus()
})
})
}
код окна:
<a data-toggle="modal" href="#myModal" class="btn btn-small pull-right">открыть</a>
<div id="myModal" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h5 id="myModalLabel"></h5>
</div>
<div class="modal-body">
<div class="row-fluid">
</div>
</div>
</div>