jQuery获取视口大小的高度,但是-(n)px

jQuery get height of viewport size but -(n)px

本文关键字:但是 px 高度 视口 获取 jQuery      更新时间:2023-09-26

如果主题令人困惑,我不知道如何更好地解释,所以我使用jQuery来设置div的高度来匹配viewport的大小

var slidevh = function() {
    var bheight = $(window).height();
    $(".container").css('height', bheight);
};
$(document).ready(slidevh);
$(window).resize(slidevh);

现在效果很好,但是我想让高度变成- 100像素的视口大小,例如,如果高度是500px,我希望它的大小变成400px:)

有更好的方法吗?也许纯css?

可以使用css calc mixin

.container {
   height: calc(100vh - 100px);
}
jquery
var slidevh = function() {
    var bheight = $(window).height();
    $(".container").css('height', bheight - 100);
};
相关文章: