jQuery根据另一个div的位置为一个div设置css值

我的页面上有一个名为“.nav wrapper”的div，该div的位置将位于多个位置之一，具体取决于后端的用户设置。我试图做的是使用jQuery，确定这个div的顶部位置，如果它是某个值，则向另一个div添加一个边距顶部值

例如，下面我想说，如果.nav wrapper top position为0，则将.header wrapper other的最小高度更改为50px。这是我的代码，但目前它什么也不做：

var MenuPosition = $('.nav_wrapper').css('top').val();
if (MenuPosition == 0) {
    $('.header-wrapper-other').css('min-height','50px');
};

下面是示例中两个div的css：

.header-wrapper-other {
background-attachment: fixed;
background-size: cover;
min-height: 200px;
}

.nav-wrapper {
padding: 10px 20px;
position: absolute;
top: 0px;
width: 100%;
z-index: 1000;
}

就这样,

将类从.nav\u wrapper更改为.nav wrapper，因为在css中您正在设置.nav wrapper的样式，在jQuery中您将其称为.nav\u wrapper:）

这里的工作示例

您不需要val（）；从输入字段中获取值：）

如下所示

将类从.nav\u wrapper更改为.nav wrapper，因为在css中您正在设置.nav wrapper的样式，在jQuery中您将其称为.nav\u wrapper:）

这里的工作示例

您不需要val（）；从输入字段中获取值：）

如下所示

将类从.nav\u wrapper更改为.nav wrapper，因为在css中您正在设置.nav wrapper的样式，在jQuery中您将其称为.nav\u wrapper:）

这里的工作示例

您不需要val（）；从输入字段中获取值：）

如下所示

将类从.nav\u wrapper更改为.nav wrapper，因为在css中您正在设置.nav wrapper的样式，在jQuery中您将其称为.nav\u wrapper:）

这里的工作示例

您不需要val（）；它是从输入字段中获取值：）

它应该是

.css（'top'）

而不是

.css（'top'）.val（）

但这将返回一个类似

XXpx

的字符串，这可能不是您想要的

您应该使用以下内容返回一个可用的数字以进行比较

var MenuPosition = $('.nav_wrapper').position();
if (MenuPosition.top == 0) {
    $('.header-wrapper-other').css('min-height','50px');
};

它应该是

.css（'top'）

而不是

.css（'top'）.val（）

但这将返回一个类似

XXpx

的字符串，这可能不是您想要的

您应该使用以下内容返回一个可用的数字以进行比较

var MenuPosition = $('.nav_wrapper').position();
if (MenuPosition.top == 0) {
    $('.header-wrapper-other').css('min-height','50px');
};

它应该是

.css（'top'）

而不是

.css（'top'）.val（）

但这将返回一个类似

XXpx

的字符串，这可能不是您想要的

您应该使用以下内容返回一个可用的数字以进行比较

var MenuPosition = $('.nav_wrapper').position();
if (MenuPosition.top == 0) {
    $('.header-wrapper-other').css('min-height','50px');
};

它应该是

.css（'top'）

而不是

.css（'top'）.val（）

但这将返回一个类似

XXpx

的字符串，这可能不是您想要的

您应该使用以下内容返回一个可用的数字以进行比较

var MenuPosition = $('.nav_wrapper').position();
if (MenuPosition.top == 0) {
    $('.header-wrapper-other').css('min-height','50px');
};

.val（）

仅用于

输入

s和

文本区域

您需要的是

parseInt（）

将

MenuPosition

设置为整数

var MenuPosition = parseInt($('.nav_wrapper').css('top'));

.val（）

仅用于

输入

s和

文本区域

您需要的是

parseInt（）

将

MenuPosition

设置为整数

var MenuPosition = parseInt($('.nav_wrapper').css('top'));

.val（）

仅用于

输入

s和

文本区域

您需要的是

parseInt（）

将

MenuPosition

设置为整数

var MenuPosition = parseInt($('.nav_wrapper').css('top'));

.val（）

仅用于

输入

s和

文本区域

您需要的是

parseInt（）

将

MenuPosition

设置为整数

var MenuPosition = parseInt($('.nav_wrapper').css('top'));

---

请分享你的html代码。如果您可以与您的问题陈述共享JSFIDLE链接会更好。那么

$（'.nav_wrapper'）.css（'top'）.val（）

返回什么呢？什么类型？请分享你的html代码。如果您可以与您的问题陈述共享JSFIDLE链接会更好。那么

$（'.nav_wrapper'）.css（'top'）.val（）

返回什么呢？什么类型？请分享你的html代码。如果您可以与您的问题陈述共享JSFIDLE链接会更好。那么

$（'.nav_wrapper'）.css（'top'）.val（）

返回什么呢？什么类型？请分享你的html代码。如果您可以与您的问题陈述共享JSFIDLE链接会更好。那么

$（'.nav_wrapper'）.css（'top'）.val（）

返回什么呢？什么类型的？