Question

好的，业余问题在这里，但我真的碰到了我的脑袋。

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

请帮忙！谢谢:)）

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

Answer 1

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

$(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();
});

Answer 2

你可以添加css。

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

Answer 3

这里代码：

$(function () {

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

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

  addMargin();

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

});

Answer 4

如果你已经将-100px的margin-top分配给像#home这样的元素，那么你可以试试这个

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

从jQuery height（）减去几个像素

4 个答案: