javascript - Vertical Flexslider部分幻灯片显示问题

Question

显示部分幻灯片的垂直 Flexslider。幻灯片从上到下剪切。这是不同图像尺寸的问题。

这是代码:

$(window).load(function(){ 
    $('.flexslider').flexslider({ 
        animation: "slide", 
        animationLoop: false, 
        controlNav: false, 
        direction: "vertical", 
        pausePlay: true, 
        start: function(slider) { 
            $('body').removeClass('loading'); 
        }
    }); 
});

这是 jsfiddle 网址 jsfiddle.net/va4R6

Answer 1

不要为 'li' 元素(flexslider 的幻灯片)添加边距或填充，而是为 'li' 内的内容放置一个包装器，将所有内容放入其中并添加所需的边距或填充到 wrapper 。这样可以避免垂直flexslider中的部分显示