如果我的头衔完全不正确的话。
好吧,我得到了这段代码,让我的“部分”等于高度设备:
$(document).ready(function() {
function setHeight() {
windowHeight = $(window).innerHeight() -80;
$('.top-banner').css('min-height', windowHeight);
};
setHeight();
$(window).resize(function() {
setHeight();
});
});
它工作正常,所有这一切,但我也在使用Navbar Bootstrap,当它是移动o桌面时,导航栏会改变高度。我把“-80”放在我的js上,当768<但是什么时候移动,我需要是“-50”。所以,我认为我应该用一些“if else”来做,但不知道该怎么做。我不是老用户,所以,如果能告诉我我需要什么代码,以及它是如何工作的,我会很高兴。
答案 0 :(得分:1)
不确定要添加到if / else条件的屏幕宽度大小,因为我无法完全理解您的问题,但也许这足以帮助您:
function setHeight() {
var vw = $(window).width();
var vh = $(window).height();
if (vw <= 768) {
$('.top-banner').css('min-height', vh-50 + 'px');
} else {
$('.top-banner').css('min-height', vh-80 + 'px');
}
};