Waypoints.js по горизонтали и вертикали на одной странице

Question

Я пишу параллакс-сайт с waypoints.js и skrollr.js и столкнулся с проблемой:

Слайд1 должен прокручиваться в обычном режиме (по вертикали), а слайд-2 должен прокручиваться по горизонтали после его запуска (ширина: 4000 пикселей) Но я понятия не имею, как это сделать. Я знаю, что у нового waypoints.js есть горизонталь: правда, но я как бы застрял прямо сейчас. У кого-нибудь есть идея?

 <section id="slide-1">
                <div data-anchor-target="#slide-1">
                        <div class="Container">
                        <div class="Content">
                            <h2>Scroll this vertically</h2>
                        </div>
                    </div>
                </div>
 </section>
<section id="slide-2">
                <div data-anchor-target="#slide-2">
                        <div class="Container">
                        <div class="Content">
                            <h2>Scroll this horizontal</h2>
                        </div>
                    </div>
                </div>
 </section>
<section id="slide-3">
                <div data-anchor-target="#slide-3">
                        <div class="Container">
                        <div class="Content">
                            <h2>Scroll this vertically again</h2>
                        </div>
                    </div>
                </div>
 </section>

Может быть что-то вроде:

$('#slide-2').waypoint(function() {

//toogle #slide-2 width:4000px  scroll horizontal:true etc.

;});