jquery - Flexslider 'smoothHeight' 调整窗口大小时出现问题？

Question

我已经成功地让我的 flexslider 使用 smoothHeight 属性根据高度调整幻灯片的大小。我在让它工作时遇到了麻烦，但在网上研究后发现将函数包装在 $(window).load 中可以让它工作。

我已将其设置为仅在窗口宽度小于 769px 时才会发生。

我现在的问题是该功能仅在页面加载时才起作用。如果窗口从桌面向下调整大小，则不起作用。我有什么想法可以让它发挥作用吗？

 if ($slider.length) {
   if ($(window).width() > 769) {
     $(document).ready(function() {
       $slider.flexslider({
         animation: 'fade',
         animationSpeed: 500,
         pauseOnHover: false,
         keyboard: true,
         touch: true,
         controlNav: false,
         directionNav: {{ settings.slider_home_arrows }},
         slideshow: {{ settings.slider_home_auto }},
         slideshowSpeed: {{ settings.slider_home_rate }}
       });
     });  
   } else {
     $(window).load(function() {
       $slider.flexslider({
         animation: 'fade',
         animationSpeed: 500,
         smoothHeight: true,
         pauseOnHover: false,
         keyboard: true,
         touch: true,
         controlNav: false,
         directionNav: {{ settings.slider_home_arrows }},
         slideshow: {{ settings.slider_home_auto }},
         slideshowSpeed: {{ settings.slider_home_rate }}
       });
     });
   }
 };

Answer 1

在CSS中设置 slider 高度:100vh