javascript - Swiper(高度问题-多个swiper-垂直方向)

Question

我想在这里提出一个问题，我已经在 developers forum 中问过了刷卡器也是。所以不要混淆。如果找到/找到解决方案，我将关闭/标记两者。

目前我想要一个水平滚动侧边栏和垂直滚动页脚的项目。 (基于刷卡器)但是，看看如果您从水平 (1) 页脚切换到垂直 (2) 页脚会发生什么。

Video 1 (direction both horizontal - not wanted)

Video 2 (footer direction vertical, wanted! - not works)

如您所见，在简化示例(视频 2)中:如果我在第二个 swiper-container 上使用 direction:vertical 它会破坏结果。 “滑动滑动”的高度应为 226 像素，现在显示为 2408 像素的高度和 100 像素的边距底部。

我真的不明白这里出了什么问题。

ConfInit

var swiper = [];
    $('.swiper-container').each(function(index){

        var $el = $(this);

        var sParams = [{
                speed: 400,
                spaceBetween: 100,
                allowSwipeToNext: false, // for event controlled swipes 
                allowSwipeToPrev: false  // for event controlled swipes 
            },
            {
                speed: 400,
                spaceBetween: 100,
                allowSwipeToNext: false, // for event controlled swipes 
                allowSwipeToPrev: false, // for event controlled swipes 
                direction: 'vertical'
            }
        ];

Answer 1

我遇到了同样的问题，通过向 swiper 容器添加 height: 100vh 声明解决了。

发现

• height 属性是必须的

注意: % 不起作用