javascript-动态调整JQuery厚框窗口的大小

当您单击链接时,我会弹出一个thickbox.根据用户浏览器的大小,我希望thickbox为恒定的500px左右,宽度和高度根据用户浏览器的高度动态变化.这可能吗？

解决方法:

另一个选择是使用JQuery来计算浏览器的大小,然后调整thickbox的大小以适应需要.
这不像CSS解决方案那样优雅,只是为了完成答案…这是一种完成它的方法.

// set the displayWidth/Height to be 90% of the window
var displayWidth = $(window).width() * 0.9;
var displayHeight = $(window).height() * 0.9;
// Animate the thickbox window to the new size (with 50px padding 
$("#TB_window").animate({
    marginLeft: 0 - (displayWidth + 50) / 2,
    marginTop: 0 - (displayHeight + 50) / 2,
    height: displayHeight + 50,
    width: displayWidth + 30
}, {
    duration: 800
});
$("#TB_ajaxContent").animate({
    height: displayHeight,
    width: displayWidth
}, {
    duration: 800
});

标签：thickbox,javascript,jquery
来源： https://codeday.me/bug/20191023/1914813.html