如何在移动设备上垂直显示幻灯片

Question

我有以下HTML。请注意，第二部分有一个视图幻灯片，它们在桌面上水平显示。

<section class="section" data-anchor="firstPage"> 
    <h1>Section 1 - intro</h1> 
</section> 

<section class="section periods" data-anchor="secondPage"> 
    <div class="slide" data-label="secondPage"> 
     <h1>Section 2 - Intro</h1> 
    </div> 
    <div class="slide" data-label="1770"><h1>1770</h1></div> 
    <div class="slide" data-label="1870"><h1>1870</h1></div> 
    <div class="slide" data-label="1970"><h1>1970</h1></div> 
</section> 

在移动设备上（宽度小于767px），我想垂直显示幻灯片而不滚动。我怎样才能做到这一点？我可以通过配置fullPage参数来做到这一点吗？

感谢您的帮助！

Answer 1

看来我必须购买一个fullPage扩展才能使它工作。