Question

我有一个非常简单的问题，我无法弄清楚我做错了什么，或者它是否是图书馆本身的问题。我在这个问题上抓了几个小时。

我正在使用iDangerous中的Swiper。

我试图创建一个简单的水平滑块，在每个幻灯片中，将有另一个滑块处于垂直模式，我需要在freeMode中使用该垂直滑块。内部垂直滑块将始终具有一个具有大量内容的幻灯片（至少一些可以滚动）。 嵌套滚动条有效，但freeMode根本不适用于我。 freeMode仅在我在外层声明它时才起作用。我有一个小提琴，所以你可以看到我想做的事情。来自小提琴的一些示例代码如下。

HTML

<div class="swiper-container outer">
            <div class="swiper-wrapper">
                <div class="swiper-slide">

                    <div class="swiper-container inner">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                lots of lorem ipsum here. see fiddle
                            </div>
                        </div>
                    </div>

                </div>
                <div class="swiper-slide">Slide 2</div>
                <div class="swiper-slide">Slide 3</div>
                <div class="swiper-slide">Slide 4</div>
                <div class="swiper-slide">Slide 5</div>
                <div class="swiper-slide">Slide 6</div>
                <div class="swiper-slide">Slide 7</div>
                <div class="swiper-slide">Slide 8</div>
                <div class="swiper-slide">Slide 9</div>
                <div class="swiper-slide">Slide 10</div>
            </div>
        </div>

的Javascript

var swiper = new Swiper('.swiper-container.outer');
var swiper1 = new Swiper('.swiper-container.inner', {
    direction: 'vertical',
    freeMode: true
});

小提琴

http://jsfiddle.net/sdugx1Lu/

非常感谢任何帮助。

更新

我的初衷并不是支持使用嵌套滑块。我真正想要实现的是通过Swiper在Horizontal滑块内部提供可垂直滚动的内容（通过触摸，我在应用程序中使用它）。因此，如果可以在不使用第二级嵌套滑块的情况下完成此操作，请执行建议。当我尝试这样做时，垂直滚动在单级水平滑块的情况下不可用。

Answer 1

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1>
</head>

此行可让您的代码调整为移动设备，同时也会使width成为device-width。

但你的身高是100％，如果你没有

就不能改变

因此，当您在css文件中更改样式时，如果您不添加该行代码，则可能会在每个部分（容器）中使用它。

但是每个部分都会添加一行代码：height是device-height，

所以你应该在你想要改变的css文件中添加特殊样式

如您的文章长于设备高度，则必须为该部分添加特殊样式。如果没有，你的卷轴将无效。

中文：我想打印中文，但不允许。

freeMode不在内部幻灯片内的Swiper上工作

HTML

的Javascript

小提琴

更新

1 个答案: