垂直滑块上的滚动效果/视差效果

Question

这是我工作的链接：http://webfluxsolutions.com/Teavana/

在我们相信的内容部分是垂直滑块。 这是我的HTML：

    <div id="slider">
    <div class="sHead">
                    <h2>What we believe in</h2>
                </div>
        <ul class="slideshow">
                <li class="page1">          
                     <div class="slogan">
                        <div class="captionMain">
                            <div class="captionBox">
                                <div class="sTxt">
                                <h2>Inspiring new <br/>frontiers of taste</h2>
                                <p>Year after year, we integrate more than 400 ingredients to uncover new territories in the world of tea. </p>
                                </div>  
                            </div>
                        </div>
                     </div>
                </li>
                <li class="page2"> 
                     <div class="slogan">
                        <div class="captionMain">
                            <div class="captionBox">
                                <div class="sTxt white">
                                <h2 class="white">Brew, taste,<br/>brew and taste again</h2>
                                <p class="white">We take up to 12 months to select the finest crops of tea and botanicals from all around the world. </p>
                                </div>  
                            </div>
                        </div>
                     </div>
                </li>
                <li class="page3">              
                     <div class="slogan">
                        <div class="captionMain">
                            <div class="captionBox">
                                <div class="caption">
                                    <div class="sTxt white">
                                    <h2 class="white">Bold new takes<br/>on artistry</h2>
                                    <p class="white">Combining age-old knowledge and modern techniques, we reimagine tea into a thousand possibilities. </p>
                                </div>  
                                </div>
                            </div>
                        </div>
                     </div>
                </li>
        </ul>
    </div>      

目前我正在使用bxslider，但这不是我想要的。

        $('#slider .slideshow').bxSlider({  
            mode: 'vertical',
            pager:true,
            auto:true,
            autocontrols:false,
            pause:3000 
        });

我的目标是在幻灯片上滚动效果，类似于本网站的幻灯片部分（第1部分）：http://www.hugeinc.com/

网上很多参考资料都是针对整页滚动效果，但我只想把它放在一个部分。