我已经成功地让我的 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 }}
});
});
}
};
最佳答案
在CSS中设置 slider 高度:100vh
关于jquery - Flexslider 'smoothHeight' 调整窗口大小时出现问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31748952/