如何告诉javascript减少50px答案

【问题标题】：how to tell javascript to decrease 50px如何告诉javascript减少50px
【发布时间】：2017-04-29 19:18:08
【问题描述】：

嗨，我正在使用引导程序，我正在尝试让轮播全屏（由用户浏览器的高度和宽度测量）。
但我有一个导航栏那是固定顶的，在旋转木马前面，这会造成问题为了我。如图所示： enter image description here

jsfiddle 链接 https://jsfiddle.net/nbvyeubo/

这是我的 javascript 代码：

var $item = $('.carousel .item img');
var $wHeight = $(window).height();
$item.eq(0).addClass('active');
$item.height($wHeight);
$item.addClass('full-screen');
$(window).on('resize', function (){
    $wHeight = $(window).height();
    $item.height($wHeight);
});

现在我如何告诉 javascript 从 img 顶部减少 50px 的高度？

全屏类css代码：

.full-screen {
background-size: cover;
background-position: center;
background-repeat: no-repeat
}

【问题讨论】：

您能否在 Question 中包含完整的 html、css 并创建一个 jsfiddle jsfiddle.net 或 plnkr plnkr.co 来演示问题？
@guest271314 抱歉我不能分享这个项目代码
把$item.height($wHeight);改成$item.height($wHeight - 50);怎么样？
@guest271314 我使用本教程将我的轮播设为全屏：https://codepen.io/SitePoint/pen/ZbGwqe
@Sander 不，它不起作用

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

我认为下面的代码可以解决您的问题。
CSS： .carousel{ margin-top:50px }

js： var $wHeight = $(window).height() - 50;

【讨论】：

它的作用与 css 相同。当我使用margin-top时，我的轮播不再全屏♥
图片的顶部在导航栏的后面。如何使图像位于导航栏下方并且图像底部不会离开浏览器？（例如，当我对图像使用 margin-top:50px 时，它们位于导航栏下方，但您应该向下滚动以查看其余图像）。
谢谢♥，如果您找不到任何解决方案，我认为将导航栏的背景颜色设置为透明将是我最后的解决方案，但对于这个来说仍然是一个问题，我怎么能更改导航栏折叠时的背景颜色???
从高度移除 50px 也 var $wHeight = $(window).height() - 50;
我将 margin-top:50px 添加到轮播和 $wHeight = $(window).height() - 50;它再次变成全屏，包括导航栏。非常感谢兄弟