从 jQuery height() 减去几个像素答案

【问题标题】：Minus a few pixels from jQuery height()从 jQuery height() 减去几个像素
【发布时间】：2014-03-14 14:43:35
【问题描述】：

好的，这里是业余问题，但我真的很头疼。

使用下面的 jQuery，我想添加 margin-top:-100px;到高度值。

请帮忙！谢谢:)

$(function () {
function HomePageSize() {
    $('#home').css({
        width: $(window).width(),
        height: $(window).height()
    });
}
$(window).resize(function () {
    HomePageSize();
});
HomePageSize();
});

【问题讨论】：

你想从高度减去 100 还是添加 css 属性 margin-top 到 #home？
在此处更改高度：$(window).height()-100 或高度：$(window).height()+100，随心所欲。

标签： javascript jquery css

【解决方案1】：

你可以只添加css。

$('#home').css('margin-top','-100px');

【讨论】：

感谢这工作。然后我意识到这不是我真正想要的。愚蠢。我如何从高度值中删除 100px 而不是负边距？谢谢
就像下面其他答案中所说的那样，您可以从值中减去 100。 height: $(window).height() - 100

【解决方案2】：

这里代码：

$(function () {

   function HomePageSize() {
       $('#home').css({
           width: $(window).width(),
           height: $(window).height()
       });
   }

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

  addMargin();

  function addMargin() {
       $('#home').css({'margin-top':'-100px'});
  }

});

【讨论】：

【解决方案3】：

如果我理解正确，应该这样做：

$(function () {
function HomePageSize() {
    var winHeight = $(window).height(); // store height in variable
    var myMargin = winHeight - 100; // deduct 100 from height

    $('#home').css({
        width: $(window).width(),
        height: winHeight,
        marginTop: myMargin // assign calculated value to margin-top
    });
}
$(window).resize(function () {
    HomePageSize();
});
HomePageSize();
});

【讨论】：

【解决方案4】：

如果您已经为 #home 等元素分配了 -100px 的 margin-top，那么您可以试试这个

$(function () {
function HomePageSize() {
$('#home').css({
    width: $(window).width(),
    height:  $(window).height() + parseInt($("#home").css("margin-top"))
});
}
$(window).resize(function () {
 HomePageSize();
});
 HomePageSize();
});

【讨论】：

我不确定这是否可行。我建议使用 `parseInt()`