如何告诉javascript减少50px

嗨，我正在使用引导，我正在尝试使旋转木马全屏 （通过用户浏览器的高度和宽度进行测量）。
但我有一个导航栏 这是固定的顶部，位于旋转木马的前面，这就产生了问题 为了我。如图所示：

jsfiddle链接

这是我的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
}

---

我认为下面的代码将解决您的问题。
css:

.carousel{margin top:50px}

js:

---

var$wHeight=$（窗口）.height（）-50
我认为下面的代码将解决您的问题。


css:
.carousel{margin top:50px}

js:
var$wHeight=$（窗口）.height（）-50
您能否在问题中包含完整的
html
，
css
，并创建一个JSFIDLE或plnkr来演示问题？@guest271314抱歉，我无法共享此项目代码显示有关更改
$item.height（$wHeight）的信息至<代码>$item.height（$wHeight-50）？@guest271314我使用本教程使我的旋转木马全屏显示：@Sander不，它不起作用。您可以在问题中包含完整的
html
，
css
，并创建一个JSFIDLE或plnkr来演示问题吗？@guest271314抱歉，我无法共享此项目代码显示关于更改
$item.height（$wHeight）至<代码>$item.height（$wHeight-50）？@guest271314我使用本教程使旋转木马全屏显示：@Sander不，它不工作编辑的工作与css的工作相同。当我使用边距顶部时，我的旋转木马不再是全屏的♥图像的顶部在导航栏后面。我怎样才能使图像位于导航栏下，并且图像的底部不会离开浏览器？？（例如，当我使用margintop:50px作为图像时，它们位于导航栏下，但您应该向下滚动以查看其余图像）。谢谢♥, 如果你找不到任何解决方案，我认为将导航栏的背景色设置为透明将是我的最后一个解决方案，但这也是一个问题，当导航栏崩溃时，我如何更改其背景色？？？从高度中删除50px，同时var$wHeight=$（window）.height（）-50；我将边距顶部：50px添加到旋转木马和$wHeight=$（窗口）；它再次成为全屏，包括导航栏。非常感谢，broit做的工作和css做的一样。当我使用边距顶部时，我的旋转木马不再是全屏的♥图像的顶部在导航栏后面。我怎样才能使图像位于导航栏下，并且图像的底部不会离开浏览器？？（例如，当我使用margintop:50px作为图像时，它们位于导航栏下，但您应该向下滚动以查看其余图像）。谢谢♥, 如果你找不到任何解决方案，我认为将导航栏的背景色设置为透明将是我的最后一个解决方案，但这也是一个问题，当导航栏崩溃时，我如何更改其背景色？？？从高度中删除50px，同时var$wHeight=$（window）.height（）-50；我将边距顶部：50px添加到旋转木马和$wHeight=$（窗口）；它再次成为全屏，包括导航栏。非常感谢你，兄弟