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中

设置了滑块height: 100vh

调整窗口大小时Flexslider的“smoothHeight”问题？

1 个答案: