jQuery innerWidth - 높이가 작은 장치에서는 'else else'에서 작동하지 않습니다.

Question

대용량 및 저해상도 장치 모두에서 Window 높이를 설정할 수있는 코드를 작성할 수 있습니다. 이렇게하면 중간에 콘텐츠를 가운데에 배치 할 수 있습니다 Flexbox를 사용하는 장치의

if (window.innerWidth >= 1023) { 및 } else {을 사용하여 더 작은 화면을 감지하고 있습니다.이 장치는 크고 작은 장치의 홈 페이지에 이상하게 작동합니다. 그러나 .flexAligner은 '높이'를 설정하지만 - 88을 무시하는 것 같다, 다시는 희망, 나는 그것의 올바른 작동하지 않는 이유는 주위에 내 머리를 정리 할 수 ​​.home .intro

없이 즉 홈 페이지가 다른 페이지에 개발 누군가 - 88이 작동하지 않는 이유를 지적 할 수 있습니다. 나는 라스베가스 슬라이더가 요소를 새로 고침한다는 사실과 관련이 있다고 생각한다.

작동하지 않는 것을

짧은 조각 :

} else { 
    windowHeight = $(window).innerHeight(); 
    $('.nanoContainer, .flexAligner, .home .intro').css('min-height', windowHeight - 88); 

여기 전체 코드 :

$(function() { 
    $(window).resize(function() { 
    if (window.innerWidth >= 1023) { 
     windowHeight = $(window).innerHeight(); 
     $('.nanoContainer, .flexAligner, .vegas-container, .justHeight').css('min-height', windowHeight); 
     $("body.home").vegas({ 
     delay: 8000, 
     transition: 'fade', 
     transitionDuration: 8e3, 
     timer: false, 
     slides: [ 
      { src: "/wp-content/uploads/slide-01-desktop.jpg" }, 
      { src: "/wp-content/uploads/slide-02-desktop.jpg" }, 
      { src: "/wp-content/uploads/slide-03-desktop.jpg" } 
     ], 
     animation: "kenburns" 
     }); 
     $(".home .intro").vegas('destroy'); 
    } else { 
     windowHeight = $(window).innerHeight(); 
     $('.nanoContainer, .flexAligner, .home .intro').css('min-height', windowHeight - 88); 
     $(".home .intro").vegas({ 
     delay: 8000, 
     transition: 'fade', 
     transitionDuration: 8e3, 
     timer: false, 
     cover: false, 
     slides: [ 
      { src: "/wp-content/uploads/slide-01-mobile.jpg" }, 
      { src: "/wp-content/uploads/slide-02-mobile.jpg" }, 
      { src: "/wp-content/uploads/slide-03-mobile.jpg" } 
     ], 
     animation: "fade" 
     }); 
     $("body.home").vegas('destroy'); 
    } 
    }).resize(); 
}); 

Answer 1

시도 : 나는 함께 그룹 (88)에 괄호를 추가

else { 
windowHeight = $(window).innerHeight(); 
$('.nanoContainer, .flexAligner, .home .intro').css('min-height', (windowHeight - 88)); 

windowHeight