根据视口宽度和高度设置元素高度

时间:2015-11-15 17:22:04

标签: jquery window size

如果我的头衔完全不正确的话。

好吧,我得到了这段代码,让我的“部分”等于高度设备:

$(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”来做,但不知道该怎么做。我不是老用户,所以,如果能告诉我我需要什么代码,以及它是如何工作的,我会很高兴。

1 个答案:

答案 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');
    }
};