从jQuery的高度()减去几个像素

Minus a few pixels from jQuery height()

本文关键字：几个 像素 高度 jQuery      更新时间：2023-09-26

好吧，这是一个业余的问题，但我真的撞到我的头了。

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

请帮忙!谢谢:)

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

你可以直接添加css。

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

代码:

$(function () {
   function HomePageSize() {
       $('#home').css({
           width: $(window).width(),
           height: $(window).height()
       });
   }
   $(window).resize(function () {
       HomePageSize();
   });
  addMargin();
  function addMargin() {
       $('#home').css({'margin-top':'-100px'});
  }
});

如果我理解正确的话，应该是这样的:

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

如果你已经给某些元素(比如#home)设置了margin-top: -100px，那么你可以试试这个

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