javascript - jQuery 跟踪页面内容并相应地调整大小

标签 javascript jquery html css

所以我有这个:

function fixContainer() {
    $('div#mainContainer').css({
        'min-height': $(document).height() - 104 // -104 is for a fixed header.. nvm that.
    }).removeShadow().dropShadow({
        'blur' : 5,
        'opacity' : 0.2
    });
}

效果很好,但有时将来会使用 ajax 和 jquery 模板加载内容。这不火。如何使 mainContainer 始终具有 100% 的高度?

忘记提及以下内容:

$(window).resize(function () {
    fixContainer();
});

最佳答案

$(window).on('resize', function () {
    fixContainer();
});

更新

对不起,我应该看到这个。 $(document).height() 在调整大小时保持不变。你想要 $(window).height()

关于javascript - jQuery 跟踪页面内容并相应地调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8997295/

相关文章:

PHP echo 语句位置和样式控制

javascript - Typescript 拒绝不符合接口(interface)的属性

javascript - 使用 lodash 将数据分组然后映射到数组中

javascript - 等效于 ASP 的 .Contains 方法

javascript - 获取执行JavaScript文件的URL(IE6-7问题moSTLy)

html - iframe 中的 Bootstrap 列宽问题

javascript - 构建 $http.get 请求...错误

javascript - 我如何强制 Express 提供没有文件扩展名且内容类型为 'text/html' 的静态 html 文档

javascript - 切换 + 切换类

javascript - 旋转后,在正确位置绘制图像